Что такое lazy loading?

Lazy loading — это паттерн, при котором ресурсы загружаются только когда они реально нужны, а не при старте страницы. Для картинок — атрибут loading="lazy" или Intersection Observer. Для компонентов React — React.lazy(() => import("./Component")) + Suspense с fallback. Для маршрутов — lazy loading целых страниц при навигации. Это уменьшает начальный бандл и ускоряет Time to Interactive. Нативный loading="lazy" для img и iframe поддерживается всеми современными браузерами.