⚙️ Что такое lazy loading и зачем оно используется на Frontend?

Lazy loading — это техника загрузки ресурсов (например, изображений или скриптов) только тогда, когда они становятся необходимыми. Это ускоряет первоначальную загрузку страницы и экономит трафик.

➡️ Пример:




const lazyImages = document.querySelectorAll('img.lazy');
lazyImages.forEach(img => {
img.src = img.dataset.src;
});


🗣️ В этом примере изображение загружается только при необходимости, заменяя placeholder.jpg на image.jpg. Lazy loading улучшает производительность и пользовательский опыт на сайтах с большим количеством медиа-контента.

CodeBase | Frontend | #основы