a3 lazy load отложенная загрузка изображений на сайт wordpress плагин

A3 Lazy Load – плагин отложенной загрузки изображений на сайте

Доброго времени суток уважаемые читатели блога pogudo.ru. Вчера мы познакомились и разобрались с понятием ленивая или отложенная загрузка изображений. А сейчас установим и настроим плагин a3 lazy load на своем WordPress сайте.

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


Плагин A3 lazy load — отложенная загрузка изображений

Рассматриваемый сегодня плагин является один из самых часто скачиваемых (более 100 000 загрузок). К тому же он достаточно прост и в то же время гибок в настройках.

Скачиваем и устанавливаем плагин согласно инструкции с официального сайта wordpress’a.

ссылка на скачивание плагина отложенной загрузки изображений на сайт wordpress с официального репозитория


Настройка a3 lazy load

После установки и активации плагина найти его можно будет в меню «Настройки» — «a3 Lazy Load». Или в списке«установленных плагинов».

Перейдя к настройке первым делом, перетаскиваем ползунок «Включить ленивую загрузку». Увидеть этот пункт можно нажав на «Активация ленивой загрузки».

настройки плагина ленивой загруки в панели управления сайтом wordpress

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


В моем случае настраивая плагин, пришлось изменить «Эффект загрузки» который находится в папке «Эффекты и стили» со спиннера на плавное появление. Далее я думал поменять цвет фона, но на моем сайте блок с текстом и картинками уже находится на белом фоне. На вашем сайте может быть иначе, но рекомендуется установить цвет, который окружает картинку. Так она будет плавно появляться и не напрягать пользователей. Последней настройкой которой я воспользовался было смещение «порога старта загрузки изображений». Сюда я добавил 200 пикселей, что бы картинки полностью прогружались немного раньше чем пользователь дойдет до них.

После выставления необходимых параметров не забывайте нажать кнопку «Сохранить изменения». А работу плагина в реальном времени можно понаблюдать на этом сайте изучая другие интересные плагины на WordPress.

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

Ваш e-mail не будет опубликован.