Что такое ленивая загрузка?
Коротко: Ленивая загрузка — это техника, при которой изображения, видео и другие медиафайлы загружаются не сразу при открытии страницы, а только когда они появляются в зоне видимости пользователя.
Зачем это нужно
Страница может содержать десятки изображений, но пользователь физически не видит большинство из них в первый момент. Загружая всё сразу, вы тратите трафик и замедляете отрисовку. Ленивая загрузка откладывает скачивание невидимого контента, ускоряя появление видимой части.
Как это работает
- Браузер загружает только те изображения, которые находятся в окне просмотра.
- При прокрутке страницы следующая порция медиа подгружается автоматически.
- Для наблюдения используется API IntersectionObserver или встроенный атрибут loading.
Как подключить
Проще всего добавить атрибут loading="lazy" к тегам <img>, <iframe> и <video>. При этом важно не применять ленивую загрузку к изображениям, которые попадают в первый экран, — для них она может ухудшить LCP.
Попробуйте Manus — автономный ИИ-агент: + 2500 токенов
Планирует и выполняет задачи: исследование, анализ, генерация контента. Доступ по приглашению.
Источники: MDN Web Docs (Lazy loading), Google web.dev.
Бесплатный разбор вашего сайта
Оставьте заявку — специалисты MetaRise оценят вашу видимость в поиске и нейросетях.