Сегодня:
главная » DLE хаки » Lazyload: отложенная загрузка в DLE 14.X

Lazyload: отложенная загрузка в DLE 14.X


Всем привет. Существует море способов оптимизировать сайт и ускорить его. Но если идти на поводу у page speed , то можно смело брать шаблон из 90-х. Чтобы хоть как то ускорить свой сайт я решил использовать ленивую подгрузку контента, в частности это изображения. Lazyload -  это отложенная загрузка  изображений , фреймов  и всего прочего контента который не находится в видимой части экрана. Загрузка не начнётся до тех пор пока пользователь не дойдёт до той части которая была скрыта на экране.
 По умолчанию в DLE, начиная с версии 13.2, появилась поддержка скрипта Lazyload. Чтобы ей воспользоваться достаточно в настройках скрипта, в разделе изображений включить отложенную загрузку изображений и присвоить всем нужным тегам img  атрибут data-src .
Для того чтобы использовать ленивую загрузку для тегов video, source и iframe мы кое что подправим.

Установка:
1. Для использования на сайте скрипта Lazyload следует, в настройках панели управления, включить функцию отложенной загрузки

2. Найти engine/classes/js/lazyload.js и заменить его файлом из архива.

3. В тегах video, source и iframe вместо атрибута srс следует использовать data-src. Можно сделать это через Утилиты - Поиск и замена 

Вот и всё в итоге бонус прироста скорости сайта. Надеюсь контент был полезен.
Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Коментарии (0)
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.