Ленивая загрузка (Lazy Load) на WordPress

  • Автор Netkela
  • Дата публикации
  • Время на чтение 2 мин.
  • Просмотры 430
Внедрить Ленивую загрузку (Lazy load) для более быстрой загрузки документов и изображений на своем сайта на WordPress вы можете при помощи специальных плагинов: a3 Lazy load и Lazy Load XT.

Принцип работы плагинов​

Допустим, у вас есть ресурс, где страницы содержат большое количество изображений. Разумеется, на их загрузку потребуется куда больше времени, чем на те, что содержат исключительно текст. Когда после входа на страницу происходит загрузка всех этих изображений, страница начинает долго грузиться.

Но если вы примените технологию, которая называется lazy load или ленивая загрузка, то загрузка картинок начнет происходит только после того, как страница будет прокручена, и они появятся в зоне видимости экрана. До этого момента медиафайлы не будут подгружаться из базы данных. Подобная функция применяется во всех популярных социальных сетях и сайтах: Facebook, Instagram, Twitter, ВКонтакте и так далее.

Плагин a3 Lazy Load​

Wordpress плагин a3 Lazy Load

Страница плагина

Плагин имеет русский язык, поэтому проблем с настройками не составит труда, к тому же у каждой вкладки есть подробное описание. Чтобы плагин заработал, достаточно его включить, можно даже оставить все остальные настройки по умолчанию.
a3 lazy load активация

В плагине можно настроить, какой тип контента загружать через ленивую загрузку.
a3 lazy load настройка

Можно настроить эффект ленивой загрузки.
a3 lazy load эффект загрузки

Плагин Lazy Load XT​

Lazy Load xt

Более старый плагин, который уже давно не обновляется, но до сих пор продолжает работать. Плагин умеет работать с изображениями, видео YouTube и Vimeo, а также iframes.

Настойки плагина на английском языке, но простые и понятные. Здесь доступна возможность включить, выключить асинхронную загрузку для всех или определенных файлов, настроить различные функции.

Перейдя в настройки вы увидите, что lazy load по стандарту используется для следующего типа контента:
Lazy Load XT настройки

  1. Видеофайлы с Youtube и прочих ресурсов, отображающихся на сайте с помощью вставки на сайт посредством iframes или ссылки, аудиозаписи и т.п.
  2. Адаптивные картинки.
  3. Миниатюры.
  4. Виджет текст.
  5. Аватарки Gravatars.
Рекомендуется ничего не менять в настройках, установленных изначально. После того, как вы активируете Lazy Load XT, все изображения и прочие медиафайлы вашего ресурса, включенные в настройках, будут загружаться асинхронно.

Проверить, насколько эффективен плагин, вы можете при помощи измерения скорости загрузки веб-ресурса. Сравните его производительность до и после установки функции ленивой загрузки.

Заключение​

Если одна, несколько, а то и вовсе все страницы вашего веб-сайта содержат огромное количество изображений, то без ленивой загрузки не обойтись. Данная функция является неотъемлемым атрибутом для всех популярных ресурсов, где загружено изобилие медиаэлементов.

Два удобнейших плагина на WordPress помогут вам решить проблему долгой загрузки таких страниц. Установить a3 Lazy Load и Lazy Load XT проще простого.
Об авторе
Netkela
С 2009 года занимаюсь продвижением сайтов в поисковых системах (SEO). Автор телеграм блога https://t.me/webmasterie

Комментарии

Нет комментариев для отображения.