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

Александр Овсянников
Обновлено: 13.01.2019
Рубрика: Wordpress
Ленивая загрузка на WordPress
5
(1)

Внедрить Ленивую загрузку (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 проще простого.

Оцените эту статью. Чтобы мы могли делать лучший контент! Напишите в комментариях, что вам понравилось и не понравилось!

Рейтинг статьи: 5 / 5. Кол-во оценок: 1

Пока нет голосов! Будьте первым, кто оценит эту статью.

Александр Овсянников
Занимаюсь продвижением и заработком на сайтах с 2009 года. Владелец партнерки по монетизации PUSH-уведомлений MajorPush.pro. Автор курсов в Академии Вебмастерье по созданию, продвижению и заработку на сайтах. Создатель бесплатной панели для сайтов MajorPanel.ru. Владелец информационных сайтов.
Баннер
Подписаться
Уведомление о
guest
1 Комментарий
Inline Feedbacks
View all comments
Гордей
Гордей
29.01.2019 13:47

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

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

будь в курсе
Подписывайся и получай заметки о заработке на сайтах, которые не вошли на страницы этого блога. С нами уже более 4000 вебмастеров.
Вконтакте 2k+
Телеграм 2k+
Я уже подписан