Для чего нужен Lazy loading

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