LazyLoad

Расширение для Cotonti CMF. Реализует функцию «отложенной» загрузки изображений.

#1. Описание

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

#2. Особенности

• Откладывает загрузку изображения которые находятся за пределами экрана
• Страницы со множеством изображений загружаются быстрее
• Возможность выбрать одну из двух библиотек
• Можно указать какие имеено изображения будут обработаны для «отложенной» загрузки
• Изображения будут отображаться даже при выключенном JS
• В плагин включена демонстрационная страница

#3. Демонстрационная страница

Демонстрационная страница включена в архив Расширения. Просто установите расширение и перейдите на страницу плагина (http://www.yoursite.com/lazyload/). Посмотреть демонстрацию без установки можно здесь.

#3.1. Комментарии

Плагин работает сразу после установки. Дополнительные настройки можно посмотреть на соответствующей странице. Для лучшего отображения (чтобы блоки содержимого страницы не «прыгали» по мере загрузки изображений) рекомендуется жестко указывать атрибуты ширины и высоты (height и width) для ваших изоюражений. В таком случае под изображение сразу будет зарезервирован блок необходимого размера и при отложенной загрузке блоки текта не будут смещаться.

#3.2. Как оно работает

Расширение обрабатывает исходный текст страницы и ищет теги img, затем проверяет атрибут src и меняет его на шаблонный с изображением заглушкой. После загрузки страницы JS скрипт обрабатывает теги img и проверяет видны ли они в данный момент на экране. Если видны происходит обычная загрузка, если нет, скрипт ждет пока пользователь пролистает страницу до нужного места и затем произведет загрузку.

#4. Установка

• Распаковать архив, скопировать файлы в корневую папку сайта (при этом файлы из папки plugins должны попасть соответственно в папку plugins сайта).
• Установить через панель Администрирования → Расширения (Управление сайтом → Расширения)
• Проверьте настройки в меню управления плагином (Управление сайтом → Расширения → LazyLoad → Конфигурация).

#4.1. Комментарии

Проверить плагин в действии на вашем сайте вы можете открыв страницу плагина «LazyLoad». На ней будет отражен список изображений с «отложенной» загрузкой.

#4.2. Совместимость

Проверено на Cotonti Siena 0.9.5 ­- 0.9.11

#5. Ссылки

• Исходники LazyLoad -- Актуальная версия всегда на GitHub