Загрузка изображений — прогрессивная Lazy Loading в WordPress

Медиафайлы превращают стерильный блог 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’s оптимизация скорости меню. Оттуда включите отложенную загрузку lazy loading на вкладке ускорение .

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

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

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

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

И, как и в предыдущей версии lazy loading , все SEO HTML-элементы изображений загружаются сразу (без отложенной загрузки). Поэтому боты 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 — идеальный пример популярного сервиса.