Отложенная загрузка изображений на WordPress

Автор:
Nurlan Kemelbekov

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

Какой смысл в загрузке всех изображений за раз, когда пользователь при первом переходе на блог видит только лишь небольшую часть страницы. Не лучше ли загружать картинки только тогда, когда читатель начинает прокручивать страницу? Думаю, что Вы будете солидарны со мной и скажете: — Да, конечно же!

Этот метод загрузки называется отложенная загрузка изображений и в самом деле позволяет загружать изображения только тогда, когда они необходимы, экономя трафик и время загрузки, что позволяет ускорить WordPress.
Для реализации функции отложенной загрузки изображений, установите плагин Advanced lazy load… и больше ничего. Обратите внимание, что задерживается загрузка изображений из HTML-тега <img> , если вместо этого показать картинку как фон из контейнера ( <div> ), например, спрайты , он будет загружен в самом начале.

Чтобы добиться хорошего результата, предлагаю вам изменить количество пикселей. Перейдите в Параметры=> Advanced lazy load => Pixel:  0    заменить на -200px (или около того).
Результаты. Advanced lazy load
Вы могли бы посмотреть, как на страницах моего блога отображаются картинки после добавления плагина Advanced lazy load здесь. Как вы можете видеть, изображения не загружаются сразу же, то же самое с миниатюрами похожих статей. Остальные изображения спрайтов загружаются как фон.

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

Теперь, если читатель найдет блог интересным и решит прокрутить страницу снова от начала до конца, все картинки уже будет загружены, но не приведет к увеличению времени загрузки страницы 🙂

Как получить круглые аватары в WordPress
Что вы думаете о отложенной загрузки изображений с Advanced lazy load? Какие результаты вы получили?




Вам также может понравиться:


Один комментарий на “Отложенная загрузка изображений на WordPress

  1. Благодаря вашим 2-м статьям, мой сайт стал открываться на лету. Выполнила все ваши рекомендации и теперь скорость загрузки сайта в 10 раз быстрее. Побольше пишите про оптимизацию скорости сайтов. Это сейчас очень актуальная тема. Спасибо.

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

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

* Copy This Password *

* Type Or Paste Password Here *

5 − один =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!