Как работает lazy

Lazy (ленивая загрузка) позволяет откладывать загрузку ресурсов (изображений, компонентов, скриптов) до момента, когда они действительно понадобятся. Это улучшает производительность, уменьшая начальный размер загрузки. **Пример с изображениями:** ```html ``` Браузер загрузит `real-image.jpg` только когда изображение окажется в области видимости (или близко к ней). **Для React-компонентов:** ```jsx const LazyComponent = React.lazy(() => import('./HeavyComponent')); function App() { return ( Loading...}> ); } ``` Компонент загрузится только при его рендере. `Suspense` показывает fallback пока компонент грузится. **Важно:** Для изображений `loading="lazy"` поддерживается в современных браузерах, для компонентов нужен сборщик, поддерживающий динамические импорты (Webpack, Vite).