Czym jest powolne ładowanie?

Dzięki powolnemu ładowaniu możemy powstrzymać wczytywanie niektórych elementów podczas ładowania strony. Zasoby ładowane są dopiero wtedy, gdy ich potrzebujemy. Metodę tą można na przykład stosować do grafik lub materiałów video. Powolne ładowanie spowoduje organicznie zużycia danych oraz przyspieszy ładowanie strony internetowej. O tym jak skutecznie wdrożyć powolne ładowanie w grafikach oraz video można przeczytać tutaj.

Jeśli chcemy mieć pewność, że bot Google widzi treści powolnie ładowane można użyć do tego interfejsu API IntersectionObserver i polyfill w oknie roboczym. Podobna sytuacja odnosi się do nieskończonego ładowania. Warto upewnić się, czy poprawnie ładuje paginację. Paginacja jest ważna. Zarówno dla robota Google, ponieważ może uzyskać link do konkretnego fragmentu strony, ale również dla samych użytkowników. Pamiętajcie o ustaleniu unikalnych adresów dla każdego z podzielonych fragmentów strony.

Jak sprawdzić czy implementacja działa poprawnie?

Po wdrożeniu zmian warto sprawdzić czy wszystko działa. Można do tego wykorzystać skrypt Puppeteer.

lazy loading skrypt

Po uruchomieniu skryptu należy przejrzeć, czy zrzuty zawierają treści, które chcemy, aby były widziane przez bota Google.

 

źródło: https://developers.google.com/search/docs/guides/lazy-loading

https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/