Verbessere die Ladegeschwindigkeit und das SEO-Ranking deiner Website, indem du Bilder asynchron nachlädst.
Was ist „lazy loading“?
«Lazy loading is a technique that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need.» – Jeremy Wagner, Google Entwickler
In anderen Worten: Das asynchrone laden von Bildern erlaubt es, diese konditionell zu laden (z.B: wenn sie in den sichtbaren Bereich kommen). Dein Besucher lädt somit keine Bilder, die er sowieso nie sehen würde.
Was sind die Vorteile?
Die Hauptvorteile für deine Besucher sind:
1. Kürzere Ladezeiten
Müssen weniger Ressourcen geladen werden, reduziert sich die Ladezeit natürlicherweise automatisch. Dieser Effekt skaliert mit der Menge Bilder die du auf deiner Website hast und stellt eines der wichtigsten SEO-Kriterien dar.
2. Geringere zu ladende Website-Grösse
Es ist sehr wahrscheinlich, dass deine Besucher nicht immer bis zum Seitenende scrollen und dadurch nicht alle Bilder laden müssen. Die verminderte Datenmenge mag bei Verbindungen ohne Datenlimit nicht unbedingt relevant sein, Benutzer mit limitierten Datenvolumen werden dir aber dankbar sein. Auch dieses Kriterium beeinflusst dein SEO-Ranking.
Browserkompatibilität
Be Lazy nutzt einen Polyfill-Script für Browser, welche die IntersectionObserver API nicht standardmässig bereitstellen. Dadurch sind so gut wie alle Browser unterstützt.
✔ Google Chrome ✔ Mozilla Firefox ✔ Opera ✔ Microsoft Edge ✔ Microsoft Internet Explorer (7+) ✔ Safari (6+) ✔ Android Browser (4.4+)