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

Опубликовано: 11.10.2017

Скорость загрузки является важным требованием к сайту как со стороны поисковиков, так и с точки зрения пользователей. Люди хотят быстро получать информацию, а не ждать несколько секунд пока отобразится страница. Именно поэтому разработчики пытаются всячески улучшить данный процесс: внедряют подборки рекомендаций как на mkels.com , экспериментируют с сервисами и CMS модулями.

Если говорить про картинки, то тут 2 варианта: оптимизация с помощью веб-решений или графических редакторов, а также ленивая загрузка изображений (англ. — Lazy Load). В WordPress для второго метода имеется целый ряд плагинов, которые сегодня рассмотрим.

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

Постраничная ленивая загрузка (lazy load) постов

Как работает Lazy Load:

браузер подгружает содержимое сайта без медиафайлов; с помощью некого JavaScript определяются какие картинки/видео должны выводиться изначально при запуске страницы; «дополнительная» материалы отображается при прокрутке, когда пользователь доходит до нужного контента.

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

jQuery.Урок 17.Загрузка изображений.Часть1.Предпросмотр

По теме в сети была найдена интересная статья , где автор оценивал эффективность скриптов Lazy Load в WordPress. Для теста был взят максимально простой шаблон TwentySixteen. Некоторыми цифрами из заметки есть смысл поделиться. Во-первых, посмотрим как именно медиафайлы влияют на результат.