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. Можно сделать это через Утилиты - Поиск и замена
Вот и всё в итоге бонус прироста скорости сайта. Надеюсь контент был полезен.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.