Что такое lazy loading и как он улучшает производительность?

Question

Accepted Answer

## Идея

**Lazy loading** откладывает некритичные ресурсы, пока они не понадобятся — меньше работы на старте (сеть + CPU).

- картинки/iframe below-the-fold: `loading="lazy"`;
- опциональный JS: `import()`;
- кастомная логика: `IntersectionObserver`.

```html
<img
  src="product-800.jpg"
  width="800"
  height="600"
  loading="lazy"
  alt="Blue trail-running shoe" />
```

Не ленивьте hero / вероятный LCP-изображение — отложенная критичная картинка **ухудшает** метрики.

**Итог:** грузите поздно то, что не нужно сразу; критичный контент — сразу.