Отложенная загрузка
Не загружать изображения и элементы в тех частях страницы, которые находятся за пределами экрана, пока пользователь не приблизится к ним.
- 01
Почему это важно
На длинных страницах загрузка всех изображений сразу замедляет открытие и впустую расходует мобильный трафик. Отложенная загрузка позволяет первой видимой области появиться быстрее. Благодаря встроенной поддержке в браузерах её часто можно реализовать с помощью одного атрибута.
- 02
Пример
На странице категории с сотнями изображений товаров сразу загружается только первый ряд; остальные подгружаются по мере прокрутки. Размер начальной загрузки страницы уменьшается в четыре раза.
- 03
Частая ошибка
Применять отложенную загрузку и к главному изображению в первой видимой области. Из-за этого основной контент загружается позже; отложенную загрузку следует применять только к элементам ниже сгиба.
- 04
Связанные термины
Связанные услуги и руководства
Обсудим ваш проект.
Расскажите о задаче — объём определим вместе.