Главная › Новости

Плагин jQuery Image Lazy Loader WP - постепенная загрузка изображений

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

Некоторое время назад в wordpress inside я опубликовал просто потрясающую и очень полезную подборку WordPress плагинов для изображений , которая собрала много позитивных откликов и упоминаний. Часть из них я уже успел попробовать установить и настроить для своих блогов. Сегодня речь пойдет об одном из таких плагинов, точнее о самом первом среди той двадцатки — jQuery Image Lazy Loader WP.

Обновление 28.07.2017: Есть более актуальная статья, где представлено сразу 8 плагинов ленивой загрузки изображений (Lazy Load). Кроме того, вы узнаете как именно работает данная технология и убедитесь в ее эффективности.

Предыстория к статье очень простая – недавно я публиковал в дизайн блоге design-mania.ru один урок по фотошопу, и там оказалось очень много картинок. По умолчанию при загрузке страницы поста все эти изображения начинали подгружаться и создавали некоторую задержку для пользователей с не очень быстрым интернетом. В этот момент я и вспомнил про jQuery Image Lazy Loader WP. Более того, я видел как этот плагин использовался на достаточно популярных, посещаемых англоязычных блогах, что окончательно убедило меня попробовать его поставить себе.

Итак, Lazy Loader позволяет отображать картинки для поста не все сразу а по мере прокрутки страницы. То есть, например, у вас есть статья про красивые дизайнерские блоги с кучей иллюстраций, пользователь, заходя на нее, увидит лишь часть изображений, расположенных сверху. По мере движения вниз статьи новые картинки будут подгружаться и становиться доступными для просмотра, посетителям сайта не придется ждать полной загрузки все страницы сразу. Частенько бывает, когда люди заходят на сайт и после 10-20 секунд безуспешного ожидания загрузки страницы просто ее закрывают – чтобы этого не случилось из-за большого количества изображений, можно попробовать установить jQuery Image Lazy Loader WP.

Установка плагина jQuery Image Lazy Loader WP не подразумевает ничего сложного, скачиваем его отсюда , разархивируем и копируем файлы модуля на фтп в директорию wp-content/plugins. Далее по традиции заходим в раздел плагинов админки и активируем jQuery Image Lazy Loader WP. После этого заходим на страницы своего сайта и проверяем плагин в действии. Есть разные варианты исполнения и реализации загрузки – с эффектом или без.

Для плагина jQuery Image Lazy Loader WP по умолчанию установлен эффект плавного возникновения изображения в процессе прокрутки страницы. Можно будет немного подправить эти настройки по умолчанию – найдете их в файле jq_img_lazy_load.php, строки:

$("img").lazyload({ placeholder : "img/grey.gif", effect : "fadeIn" });

Здесь, во-первых, можно закомментировать или убрать строку с effect , в результате чего картинки будут загружаться стразу моментально без всяких эффектов. Во-вторых, можно поменять файл фона grey.gif на любой другой (при этом, конечно, нужно предварительно его загрузить на ФТП).

Что могу сказать из личного опыта использования плагина jQuery Image Lazy Loader WP – так сказать первые впечатления. Выглядит все весьма неплохо, но эффект загрузки фотографий распространяется на все изображения блога – рекламу, баннеры, аватары, тизеры и т.п. В результате такого пару раз у меня возникала ситуация со следующим глюком:

А это, безусловно, не очень хорошо.

Исходя из увиденного, мне кажется плагин jQuery Image Lazy Loader WP более уместен для полноценных фотоблогов с большим количеством изображений. В Дизайн Мании, по сути, единственным подходящим для него местом есть раздел фотографии для вдохновения , в остальном его работа не особо нужна. Поэтому, скорее всего, я дальше немного потестирую работу модуля и отключу его.

P.S. Постовой. Хочешь отдохнуть?. В «Ореанде» вы почувствуете, что отдых в Ялте – это заряд энергии на весь год. Только яркие впечатления.