Ленивая загрузка
Метод, который откладывает загрузку изображений и контента за кадром до тех пор, пока пользователь не прокрутит страницу рядом с ними, сокращая начальное время загрузки страницы.
Отложенная загрузка повышает производительность за счет загрузки только того контента, который виден в области просмотра при начальной загрузке страницы. Изображения ниже сгиба остаются легкими заполнителями до тех пор, пока пользователь не прокрутит к ним, что приведет к фактической загрузке изображения. Встроенная отложенная загрузка с помощью атрибута HTML loading='lazy' поддерживается всеми современными браузерами и не требует JavaScript. Intersection Observer API обеспечивает больший контроль над пользовательскими реализациями. Для главных изображений, расположенных выше сгиба, следует отключить отложенную загрузку — эти изображения требуют немедленной загрузки для оптимальной отрисовки с наибольшим содержанием. Агрессивная ленивая загрузка, которая задерживает видимый контент, вредит воспринимаемой производительности. Баланс — это немедленная загрузка видимого контента и отложенная загрузка всего остального.
Связанные термины
Адаптивное изображение
Реализация изображения, которая поддерживает разные размеры или форматы в зависимости от устройства зрителя, размера экрана и скорости соединения.
Сжатие
Процесс уменьшения размера файла изображения за счет более эффективного кодирования пиксельных данных, иногда за счет качества.