Загрузка изображений — прогрессивная 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 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 — прекрасный пример популярного сервиса .