Как реализовать ленивую загрузку

Ленивая загрузка (lazy loading) откладывает загрузку ресурсов до момента, когда они действительно понадобятся. **Для изображений:** ```html ``` Атрибут `loading="lazy"` поддерживается современными браузерами. **Для компонентов в React:** ```jsx const LazyComponent = React.lazy(() => import('./LazyComponent')); function App() { return ( Loading...}> ); } ``` **Для Intersection Observer API (кастомное решение):** ```javascript const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; observer.unobserve(img); } }); }); document.querySelectorAll('[data-src]').forEach(img => observer.observe(img)); ``` Ленивая загрузка улучшает производительность, уменьшая начальный размер страницы.