Как ускорить сайт на Вордпресс с помощью ленивой загрузки изображений?

Приветствую! Сегодня у меня технический урок для авторов сайтов на Вордпресс. Поговорим о том, как ускорить загрузку сайта для удобства посетителей. Озадачилась этим вопросом, когда получила предупреждение от Яндекс.Вебмастера о долгой загрузке страниц моего блога.


Параллельно с Яндексом осуществила проверку инструментом Google PageSpeed Insights, где показываются проблемные места, которые замедляют загрузку, и даются рекомендации по их устранению.


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


Так вот, в Гугле вычитала совет – пользоваться lazy load (ленивой загрузкой изображений), когда они подгружаются не все сразу, а постепенно, когда курсор пользователя приближается на определенное расстояние к объекту. Эта полезная функция оптимизирует загрузку картинок, а также видео, встроенных на сайт.


По итогам моего копания в этом вопросе записала урок по реализации ленивой загрузки при помощи плагина. А также замерила показатели с ним и без него. Результаты вы можете посмотреть сами:




Если у вас тоже много изображений на блоге, то возможно и вам эта инструкция будет полезна для ускорения его загрузки. Текстовую версию со скриншотами вы найдете на моем блоге.


Буду рада вашим вопросам и комментариям!


Виктория

3
Написал В.В.Карпова  на канале «Практика онлайн заработка»  05.04.2019 в 12:04   120
Комментарии