Google опубликовал первую версию справочного руководства по «ленивой загрузке» (lazy loading) для SEO-специалистов. Об этом сообщил сотрудник компании Мартин Сплитт (Martin Splitt) в Twitter.
Техника «ленивой загрузки» позволяет ускорить загрузку страницы, существенно снизить нагрузку на сервер, а также сэкономить трафик пользователю. Однако при некорректном внедрении 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 работает над документацией по «ленивой загрузке», стало известно на прошлой неделе.
Кто не в курсе, «ленивая загрузка» (lazy loading) – техника, позволяющая ускорить загрузку страниц, снизить нагрузку на сервер и сэкономить трафик. Однако при некорректном использовании такой способ загрузки может «спрятать» контент.
Один из трюков для ускорения загрузки веб-страниц и сокращения объёма данных — Lazy Loading (ленивая загрузка). Идея состоит в том, чтобы подгружать изображения и некоторые другие данные по мере прокрутки страницы, а не сразу. Это позволяет уменьшить количество передаваемого контента, ведь те данные, что не видны на экране, просто не загрузятся.
При этом пока нет единого стандарта такой загрузки со стороны браузеров. Разработчики реализуют это на отдельных сайтах, но не более того. Однако в Google, похоже, решили изменить ситуацию. В будущих версиях Chrome должна появиться «ленивая загрузка» по умолчанию, а в версии Chrome Canary (для разработчиков) она уже есть.
Если хотите опробовать новую возможность, нужно скачать Chrome Canary, установить и запустить, а затем перейти в настройки. Там нужно включить следующие опции (флаги):
После этого достаточно перезапустить браузер, чтобы изменения вступили в силу. Разумеется, на тех сайтах, где новая возможность реализована средствами самого портала, вы вряд ли заметите изменения. Однако на других ресурсах это, вероятно, ускорит загрузку.
