Ленивая загрузка Lazy load на сайт wordpress

Скорость сайта

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

 

21-01-2016 18-42-34_mini

 

Функцию ленивой нагрузки или загрузки рекомендуется устанавливать на сайт, на котором много изображений и других медиафайлов. Данная функция позволит вам с экономить трафик и увеличить производительность сайта. Включить функцию ленивой загрузки можно с помощью специального плагина – a3 Lazy Load. Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

21-01-2016 16-36-08_mini

 

После установки и активации плагина, перейдите по вкладке: Настройкиa3 Lazy Load.

 

21-01-2016 18-53-27_mini

 

Разберём основные настройки, которые могут вам пригодиться.

 

– Enable Lazy Load, данная функция должна быть включена, чтобы активировать ленивую загрузку для вашего сайта.

 

21-01-2016 19-21-42_mini

 

 

– Enable Lazy Load for Images, включить ленивую загрузку для изображений.

Images in Content, включение ленивой загрузки для изображений в содержании записей и страниц.

Images in Widgets, включение ленивой загрузки для изображений в виджетах.

Post Thumbnails, включение ленивой загрузки для миниатюр записей.

Gravatars, для аватарок из сервиса Gravatars.

Skip Images Classes, можно исключить изображения, введите в поле тип изображений.

Noscript Support, “Поддержка нет скрипта”, показ изображений для пользователей у которых отключён JavaScript в браузере. Должно быть включено.

 

21-01-2016 19-24-32_mini

 

 

– Video and iframes, включение ленивой загрузки для видеозаписей, если на вашем сайте нет видео, можете отключить.

– In Content, ленивая загрузка для видеозаписей в содержании, в контенте.

– In Widgets, ленивая загрузка для видео в виджетах.

– Skip Videos Classes, можно исключить видео из ленивой загрузки.

– Noscript Support, функция показа видео для пользователей, у которых отключён JavaScript в браузере.

 

21-01-2016 19-36-05_mini

 

 

– Disable On WPTouch, если у вас установлен плагин WPTouch для создания мобильной версии сайта, то данная функция отключит ленивую загрузку на мобильном сайте.

– Disable On MobilePress, то же самое, только относится к плагину MobilePress.

 

21-01-2016 19-46-21_mini

 

 

– Loading Effect, можно выбрать эффект загрузки, Spinner – вертушка, Fade in – затухание или угасание.

– Loading Background Colour, можно выбрать цвет эффекта загрузки.

 

21-01-2016 20-03-47_mini

 

В конце Сохраните изменения, нажав на кнопку – Save changes. Параметры, которые я не описывал, оставьте их без изменений. Всё, после активации плагина и сохранения настроек, функция ленивой загрузки включится на вашем сайте.

 

Работу плагина – a3 Lazy Load вы можете наблюдать на данном сайте.

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

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

  1. greg155

    Илья, большое спасибо за эту статью, реально помог мне ускорить сайт. Отличный плагин!

    Ответить
  2. Юрий

    Илья приветствую, плагин на блоге работает круто, а в инет-магазе режет товар на главной странице и некорректно его показывает. У тебя есть подборка плагинов которые ускорят интернет магаз?

    Ответить
    1. Admin автор

      Здравствуйте! Скорей всего несовместимость с темой. Попробуйте с настройками плагина по экспериментировать, JS отключить и т.д. По Lazy Load ещё можно плагины посмотреть в репозитории WordPress. Также рекомендую к просмотру:

      Лучший плагин для оптимизации базы данных WordPress!
      Удалить неиспользуемые таблицы базы данных WordPress!

      Ответить
  3. Павел

    Вот этот плагин реально помог моему интернет-магазину загружаться быстрее! Первым загружается текст, а потом изображения подтягиваются. Реально помогло) Спасибо;)

    Ответить
  4. Евгения

    Добрый вечер!
    Имеется ли возможность отключить плагин в самой админ-панели?

    Ответить
    1. Admin автор

      Здравствуйте. Конечно. Вы можете деактивировать плагин, на странице всех установленных плагинов. Также можно в настройках плагина, можно отключать определённые функции по отдельности. Разве это не очевидно?

      Ответить
  5. Вячеслав

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

    Ответить
  6. Любовь

    А реклама в контенте тоже будет “лениво” загружаться? Или если отключить ленивую загрузку iframe, то она будет загружаться в первую очередь?

    Ответить
    1. Admin автор

      Смотря какая у вас реклама. По моему опыту, на рекламу РСЯ и Adsense никак не влияет, у них коды script

      Ответить
      1. Любовь

        Спасибо, и вам! Плагин попробую)

      2. Admin автор

        Пожалуйста, вы хотите сайт ускорить?

      3. Любовь

        Да, сайт довольно медленный, особенно для мобильных устройств. В статьях много картинок.

      4. Admin автор

        Базу данных чистили, оптимизировали?