Как сделать ленивую загрузку Lazy Load на WordPress

Как сделать ленивую загрузку Lazy Load на WordPress

Функция ленивой загрузки (Lazy Load) предназначена для ускорения загрузки сайта посредством постепенной загрузки медиафайлов при прокрутке страницы. Особенно полезна когда у ваш большой сайт и на страницах большое количество изображений.

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

Ленивая загрузка как раз таки и помогает от части решить эту проблему.

Плагин для ленивой загрузки (Lazy Load) для WordPress

Для WordPress существуют плагины для реализации такого функционала, и даже несколько. Лично я остановил свой выбор на плагине a3 Lazy Load. Установить можете через панель администратора Плагины — Добавить новый и в поисковой строке ввести название a3 Lazy Load.

После установки в под меню пункта Настройки появится новый пункт a3 Lazy Load, заходим туда и настраиваем под себя. По умолчанию все настройки уже заданы, можно даже оставить как есть, но если хотите покопаться, расскажем о основных пунктах.

  • Exclude by URI’s and Page Types — здесь можно выбрать какие страницы исключить для плагина ленивой загрузки.

  • Эффекты и стили — можно выбрать как будет происходит подгрузка изображений, либо спинером либо плавным появлением.

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

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

Так же ленивая загрузка помогает в улучшении показателей сервиса проверки скорости загрузки сайта Google.



Читайте также:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.