Unsichtbares Bild erst bei Useraktion laden
bearbeitet von Rolf BHallo Jürgen,
vielleicht liegt es daran, dass das Bild zwar display:none ist, aber von seiner Position her im Viewport liegt. Offiziell soll lazy-loading nämlich dafür da sein, dass Bilder erst dann geladen werden wenn der User dorthin srollt.
Idee für einen Hack: Außer `display:none` auch noch ein `left:200%` oder so, um das Bild im ausgeblendeten Modus aus dem Viewport zu schieben. Nicht zu weit verschieben, weil der Browser das Hüllrechteck um alle Elemente als Zeichenfläche auffasst; macht man die zu groß, geht die Rendering-Time in dne Knie.
_Rolf_
--
sumpsi - posui - obstruxi
Unsichtbares Bild erst bei Useraktion laden
bearbeitet von Rolf BHallo Jürgen,
vielleicht liegt es daran, dass das Bild zwar display:none ist, aber von seiner Position her im Viewport liegt. Offiziell soll lazy-loading nämlich dafür da sein, dass Bilder erst dann geladen werden wenn der User dorthin srollt.
Life Hack: Außer `display:none` auch noch ein `left:200%` oder so, um das Bild im ausgeblendeten Modus aus dem Viewport zu schieben. Nur so als Idee; ich hab jetzt keine Lust, eine Testseite dafür zu bauen. Bei Dir ist's nur eine CSS Zeile...
_Rolf_
--
sumpsi - posui - obstruxi