Внедрить Ленивую загрузку (Lazy load) для более быстрой загрузки документов и изображений на своем сайта на WordPress вы можете при помощи специальных плагинов: a3 Lazy load и Lazy Load XT.
Но если вы примените технологию, которая называется lazy load или ленивая загрузка, то загрузка картинок начнет происходит только после того, как страница будет прокручена, и они появятся в зоне видимости экрана. До этого момента медиафайлы не будут подгружаться из базы данных. Подобная функция применяется во всех популярных социальных сетях и сайтах: Facebook, Instagram, Twitter, ВКонтакте и так далее.
Страница плагина
Плагин имеет русский язык, поэтому проблем с настройками не составит труда, к тому же у каждой вкладки есть подробное описание. Чтобы плагин заработал, достаточно его включить, можно даже оставить все остальные настройки по умолчанию.
В плагине можно настроить, какой тип контента загружать через ленивую загрузку.
Можно настроить эффект ленивой загрузки.
Более старый плагин, который уже давно не обновляется, но до сих пор продолжает работать. Плагин умеет работать с изображениями, видео YouTube и Vimeo, а также iframes.
Настойки плагина на английском языке, но простые и понятные. Здесь доступна возможность включить, выключить асинхронную загрузку для всех или определенных файлов, настроить различные функции.
Перейдя в настройки вы увидите, что lazy load по стандарту используется для следующего типа контента:
Проверить, насколько эффективен плагин, вы можете при помощи измерения скорости загрузки веб-ресурса. Сравните его производительность до и после установки функции ленивой загрузки.
Два удобнейших плагина на WordPress помогут вам решить проблему долгой загрузки таких страниц. Установить a3 Lazy Load и Lazy Load XT проще простого.
Принцип работы плагинов
Допустим, у вас есть ресурс, где страницы содержат большое количество изображений. Разумеется, на их загрузку потребуется куда больше времени, чем на те, что содержат исключительно текст. Когда после входа на страницу происходит загрузка всех этих изображений, страница начинает долго грузиться.Но если вы примените технологию, которая называется lazy load или ленивая загрузка, то загрузка картинок начнет происходит только после того, как страница будет прокручена, и они появятся в зоне видимости экрана. До этого момента медиафайлы не будут подгружаться из базы данных. Подобная функция применяется во всех популярных социальных сетях и сайтах: Facebook, Instagram, Twitter, ВКонтакте и так далее.
Плагин a3 Lazy Load
Страница плагина
Плагин имеет русский язык, поэтому проблем с настройками не составит труда, к тому же у каждой вкладки есть подробное описание. Чтобы плагин заработал, достаточно его включить, можно даже оставить все остальные настройки по умолчанию.
В плагине можно настроить, какой тип контента загружать через ленивую загрузку.
Можно настроить эффект ленивой загрузки.
Плагин Lazy Load XT
Более старый плагин, который уже давно не обновляется, но до сих пор продолжает работать. Плагин умеет работать с изображениями, видео YouTube и Vimeo, а также iframes.
Настойки плагина на английском языке, но простые и понятные. Здесь доступна возможность включить, выключить асинхронную загрузку для всех или определенных файлов, настроить различные функции.
Перейдя в настройки вы увидите, что lazy load по стандарту используется для следующего типа контента:
- Видеофайлы с Youtube и прочих ресурсов, отображающихся на сайте с помощью вставки на сайт посредством iframes или ссылки, аудиозаписи и т.п.
- Адаптивные картинки.
- Миниатюры.
- Виджет текст.
- Аватарки Gravatars.
Проверить, насколько эффективен плагин, вы можете при помощи измерения скорости загрузки веб-ресурса. Сравните его производительность до и после установки функции ленивой загрузки.
Заключение
Если одна, несколько, а то и вовсе все страницы вашего веб-сайта содержат огромное количество изображений, то без ленивой загрузки не обойтись. Данная функция является неотъемлемым атрибутом для всех популярных ресурсов, где загружено изобилие медиаэлементов.Два удобнейших плагина на WordPress помогут вам решить проблему долгой загрузки таких страниц. Установить a3 Lazy Load и Lazy Load XT проще простого.