Google hat Tipps zum Einsatz von Lazy Loading veröffentlicht. In der Dokumentation sind Empfehlungen zu finden, was bei Lazy Loading und Endless Scrolling zu beachten ist.
Lazy Loading ist eine Technik, die dafür sorgt, dass nicht sichtbare oder unwichtige Inhalte auf einer Seite nicht geladen werden. So werden bei Lazy Loading zum Beispiel Bilder oder Videos im unteren Seitenbereich erst dann geladen, wenn der Nutzer dorthin scrollt.
Als unerwünschter Nebeneffekt kann es bei Lazy Loading jedoch sein, dass Google die Inhalte beim Crawlen der Seite nicht erkennt. Daher hatte Johannes Müller vor einigen Wochen empfohlen, Bilder zusätzlich im Noscript-Bereich anzugeben, damit der Googlebot diese erkennt.
Jetzt hat Google eine Dokumentation zum Umgang mit Lazy Loading und Infinite Scrolling veröffentlicht. Google weist darauf hin, dass alle relevanten Inhalte geladen werden müssen, wenn sie im sichtbaren Bereich (Viewport) einer Seite erscheinen. Dazu sollte man die IntersectionObserver-API verwenden. Diese API informiert darüber, wenn ein beobachtetes Objekt in den Viewport eintritt oder diesen wieder verlässt. Die IntersectionObserver-API wird in Google Chrome ab Version 51 unterstützt. Für ältere Browser sollte man das passende Polyfill verwenden.
Für Webseiten mit Infinite Scrolling empfiehlt Google, die Inhalte direkt per Paginierung erreichbar zu machen, so dass sie jeweils über eine passende URL aufgerufen werden können. Wenn Inhalte dynamisch geladen werden, sollte die History-API verwendet werden, um die URLs entsprechend anzupassen.
Titelbild: Copyright RS-Studios - Fotolia.com
