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

Lazyload: отложенная загрузка в DLE 14.X
Сайты и домены
18:56, 29 март 2020
10 444
0

lazy load dle - и плагин никакой не нуженВ статье вы узнаете, что такое отложенная загрузка фото, видео, iframe в DLE 14.X и как её организовать без плагина за пару минут.

Проблема

Начнём с того, что меня постоянно бесило на Wordpress скорость загрузки изображений. Это бесило и PageSpeed Insights от гугла, который выдавал мне скорость загрузки мобильной и простой версии сайта в районе 20 и 50 соответственно. Думаю, что многие пользователи просто уходили с мобильной версии (как таковой её и не было). Поэтому, после долгих раздумий было решено переезжать на DLE. Но проблема с картинками тут возникла тоже, пока не нашел волшебную кнопку - отложенная загрузка изображений


Оказывается, в версии 13.2 её внедрили для изображений. Но это не работало для видео, iframe, рекламы. А ведь многое из этого довольно сильно влияет на загрузку сайта. Нашел решение этой проблемы, сейчас расскажу его вам. Многие "рукастые" думаю его и без меня знают.

Решение


В DLE, начиная с версии 13.2, появилась поддержка скрипта Lazyload. Но по умолчанию работает он для тега img с прописанным атрибутом src. Установив развёрнутую версию скрипта, по инструкции ниже, вы сможете применять отложенную / ленивую загрузку и для медиа тегов video, source и iframe. После его применения медиа контент будет подгружаться пользователю в тот момент, когда он появится в видимой части его экрана.

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

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

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

Готово!

Скачать архив

Ну и плюс для мобильной версии в DLE я использую стандартные средства через шаблон smartphone, что делает загрузку для мобильников и смартфонов по просто космической скорости (по сравнению с моими унылыми 10-20% на вордпресс)
Но и полная версия, при очень большой загруженности картинками и рекламой, даёт неплохие результаты - 85-95
Скорость загрузки сайта 93%


👉 Полезные ссылки

Ctrl
Enter
Заметили ошЫбку
Выделите текст и нажмите Ctrl+Enter
Комментарии (0)
Последние статьи сайта
Новые задания и изменения в ОГЭ 2025 по математике Новые задания и изменения в ОГЭ 2025 по математике
Новые задания и изменения в ОГЭ 2025 по математике. В файлах собраны множество задач, добавленных в открытый банк...
05.02.25
1 793
0
Задача 16 ЕГЭ В июле планируется взять кредит в банке на сумму 10 млн рублей на некоторый срок (целое число лет) Задача 16 ЕГЭ В июле планируется взять кредит в банке на сумму 10 млн рублей на некоторый срок (целое число лет)
В июле планируется взять кредит в банке на сумму 10 млн рублей на некоторый срок (целое число лет). Условия его...
29.01.25
48
0