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

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