Что такое lazy loading и как его применять

Lazy Loading (отложенная загрузка) — это технология, при которой изображения, видео и другие элементы на сайте загружаются не сразу, а только когда пользователь прокручивает страницу до них. Это помогает сайту загружаться быстрее, экономит трафик и снижает нагрузку на сервер. Для пользователя это значит: сайт открывается быстрее, особенно на телефоне или при медленном интернете. Сегодня Lazy Loading поддерживают почти все современные сайты.

Как включить Lazy Loading

В общем виде код Lazy loading выглядит так:

<img src="images/big-image.jpg" width="1920" height="1080" loading="lazy" alt="Большая картинка">

Просто используйте loading="lazy", если у вас длинная страница, и вы хотите сэкономить пользователю трафик.

В WordPress и 1C Bitrix есть плагины Lazy Loading.

В WordPress это Smush

В 1С Bitrix надо в маркетплейсе в поиске набрать Lazy loading, есть платный модуль.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии