Медиафайлы превращают безликий блог на WordPress в живой, динамичный веб-сайт, но суровая правда заключается в том, что файлы и SEO плохо сочетаются. Обратить это практически невозможно — медленная загрузка страниц приводит к снижению SEO-показателей. Однако не всё потеряно. Несколько месяцев назад мы рассказывали о том, как WP Speed of Light решает проблемы с lazy loading . Теперь мы идём ещё дальше.

Напомним, lazy loading не загружает все изображения в записи или на странице WordPress сразу после того, как пользователь попадает на страницу. Вместо этого WP Speed of Light ждет, пока изображения не станут видимыми, прежде чем загрузить их. Таким образом, страница загружается намного быстрее на начальном этапе, что улучшает SEO и делает просмотр более приятным для читателей с низкой скоростью интернета.

В версии 2.5 плагина WordPress функция lazy loading была улучшена и стала более отзывчивой к устройствам пользователей и их ограничениям. Последняя версия lazy loading в WP Speed of Lightстала более отзывчивой, особенно для пользователей с недорогими мобильными устройствами или медленным интернетом.

Вместо того чтобы изображения вообще не отображались, а затем резко загружались, пользователи WordPress сначала увидят размытую версию медиафайла с низким разрешением. После завершения загрузки изображение плавно станет четким. Таким образом, читатели будут знать, что изображение существует, и смогут либо подождать его загрузки, либо продолжить чтение и вернуться к нему позже.

Развенчание мифов об изображениях

Что самое лучшее в последнем обновлении WP Speed of Light ? Если у вас установлена ​​профессиональная версия плагина для WordPress, вам практически ничего не нужно делать. Чтобы настроить lazy loading , перейдите в меню оптимизации скорости WP Speed of Light . Там включите lazy loading изображений на «Ускорение» .

Если вам нужен более полный контроль, ознакомьтесь с нашей предыдущей статьей , но на этом тестирование lazy loading . По сути, это всё. При lazy loading медиафайлы будут загружаться только тогда, когда это необходимо, а также будет добавлена ​​новая функция размытия.

Как показано выше, в медленных сетях ваши изображения изначально будут отображаться в виде низкокачественного изображения-заглушки, размытого для большей эстетической привлекательности. WordPress загружает — или, скорее, отложенно загружает — изображение в полном разрешении в фоновом режиме, не прерывая чтение. Когда lazy loadingизображения завершится, изображение-заглушка уступит место изображению в полном разрешении.

Прогрессивная Lazy Loading и SEO в WordPress

Однако главный вопрос заключается в том, как новая технология lazy loading изображений влияет на SEO. В конце концов, разве размытое изображение-заполнитель не увеличит время загрузки? В реальности — да. На практике — совсем нет. Заполнитель в WP Speed of Light— это крошечное изображение размером всего 20 пикселей, которое загружается практически мгновенно, не добавляя никаких дополнительных затрат к времени загрузки для SEO. В то же время размытие скрывает пиксельные артефакты изображения низкого качества.

Как и в предыдущей версии с lazy loading все элементы HTML, обеспечивающие SEO-оптимизацию изображений, загружаются при первом запуске (без отложенной загрузки). Таким образом, поисковые роботы Google и другие могут считывать имя файла изображения, заголовок и тег alt.

SEO важно, но оно должно быть второстепенным по отношению к пользовательскому опыту. Последнее обновление WP Speed of Lightучитывает этот принцип, но сочетает в себе функциональность, благоприятствующую SEO, с эстетикой, заставляющей читателей возвращаться снова и снова — и всё это без дополнительных затрат на SEO. Посмотрите, как работает прогрессивная lazy loading здесь:

Если вы хотите внедрить прогрессивную lazy loading на своем сайте WordPress, просто перейдите по этой ссылке: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light эффективен на всех хостинговых сервисах в интернете, например, Cloudways — прекрасный пример популярного сервиса .