Что такое Lazy loading

Lazy loading — это техника оптимизации, при которой ресурсы (изображения, компоненты, скрипты) загружаются только тогда, когда они действительно нужны, а не сразу при загрузке страницы. Это уменьшает начальный размер загружаемых данных и ускоряет время загрузки. **Пример с изображениями:** ```html ``` Атрибут `loading="lazy"` указывает браузеру загружать изображение только при приближении к нему (например, при скролле). **Для React (с динамическим импортом):** ```javascript const LazyComponent = React.lazy(() => import('./HeavyComponent')); function App() { return ( Loading...}> ); } ``` `React.lazy` + `Suspense` позволяют загружать компоненты только при их рендере.