tgoop.com/prog_way_blog/138
Last Update:
Что такое lazy load
С ростом веб приложений всё более актуальной стала проблема загрузки страницы. Объём текста, картинок, скриптов и других частей страницы стал очень быстро увеличиваться. Вместе со скоростью загрузки страницы.
Одним из решений стала стратегия ленивой загрузки. HTML документ читается сверху вниз и когда натыкается на какой-либо ресурс, операция загрузки этого ресурса является блокирующей. Lazy load же декларирует ресурс как «неблокирующий», что позволяет полностью сформировать документ без загрузки подобных ресурсов. Загрузка становится асинхронной.
На практике это чаще всего применяется к изображениям, как с самым тяжелым частям страницы. В итоге получается, что картинки догружаются уже после загрузки страницы постепенно. Также подобные изображения не загружаются, например, пока пользователь не доскроллил до них. Таким образом мы оптимизируем потребление ресурсов сети.
В вёрстке чаще всего это задаётся через свойство load:
<img src="image.jpg" loading="lazy" alt="..." />
Есть и другие способы, но их оставим как домашнее заданее 🙂
Спасибо за прочтение. Это важно для меня ❤️
#web #theory
BY progway — программирование, IT
Share with your friend now:
tgoop.com/prog_way_blog/138