Google опубликовал первую версию справочного руководства по «ленивой загрузке» (lazy loading) для SEO-специалистов. Об этом сообщил сотрудник компании Мартин Сплитт (Martin Splitt) в Twitter.

Документ получил название «Make sure Google can see lazy-loaded content» («Убедитесь, что Google видит контент с отложенной загрузкой»). Он пока доступен только на английском языке.

Техника «ленивой загрузки» позволяет ускорить загрузку страницы, существенно снизить нагрузку на сервер, а также сэкономить трафик пользователю. Однако при некорректном внедрении lazy loading может скрывать контент от Google.

Чтобы избежать таких проблем, в Google советуют придерживаться следующих рекомендаций:

Загружайте контент, когда он попадает в область просмотра. Чтобы убедиться, что Googlbot видит весь контент на странице, проверьте, чтобы в вашей реализации lazy loading весь релевантный контент загружался каждый раз, когда он становится видимым в области просмотра. Используйте для этого IntersectionObserver API и полизаполнение.

Обеспечьте поддержку постраничной загрузки при бесконечной прокрутке. Для этого нужно предоставить уникальную ссылку на каждый раздел, чтобы пользователи могли ею делиться и повторно вовлекаться во взаимодействие с контентом. Для обновления URL при динамической загрузке контента Google рекомендует использовать History API.

Протестируйте реализацию lazy loading. После того, как вы внедрили lazy loading, убедитесь, что всё работает правильно. Один из способов – это использовать скрипт Puppeteer, чтобы локально протестировать реализацию. Puppeteer – это Node.js-библиотека для управления Headless-режимом в Google Chrome и Chromium.

Напомним, о том, что Google работает над документацией по «ленивой загрузке», стало известно на прошлой неделе.