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

Обновлено: 13.01.2019
Рубрика: Wordpress
Ленивая загрузка на WordPress

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

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

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

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

Плагин a3 Lazy Load

a3 lazy load  плагин WordPress

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

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

Чтобы плагин заработал, достаточно его включить, можно даже оставить все остальные настройки по умолчанию.

a3 Lazy Load активация

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

a3 Lazy Load настройка вывода ленивой загрузки

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

a3 Lazy Load эффект загрузки

Произведя все необходимые настройки, не забудьте сохранить изменения. Здесь указаны не все параметры, доступные для изменения, остальные вы можете настроить по мере вашей необходимости.

Плагин Lazy Load XT

lazy load xt плагин wordpress

Более старый плагин, который уже давно не обновляется, но до сих пор продолжает работать. Плагин умеет работать с изображениями, видео 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 проще простого.

Александр Овсянников
Занимаюсь продвижением и заработком на сайтах с 2009 года.
Один комментарий
  1. Гордей

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

    А так обзор хорош!

Добавить комментарий