Ленивая загрузка
Техника, при которой изображения и контент вне экрана загружаются только когда пользователь прокручивает страницу ближе к ним, что сокращает начальное время загрузки.
Ленивая загрузка повышает производительность, потому что при первом открытии страницы загружается только контент, видимый в области просмотра. Изображения ниже первого экрана остаются лёгкими заполнителями, пока пользователь не прокрутит страницу ближе к ним; после этого начинается загрузка настоящего изображения. Нативная ленивая загрузка через HTML-атрибут loading='lazy' поддерживается современными браузерами и не требует JavaScript. API Intersection Observer даёт больше контроля для пользовательских реализаций. Для hero-изображений, видимых на первом экране, ленивую загрузку нужно отключать: они должны загружаться сразу для оптимального Largest Contentful Paint. Слишком агрессивная ленивая загрузка, задерживающая видимый контент, ухудшает воспринимаемую скорость. Правильный баланс — сразу загружать видимое и откладывать всё остальное.