title, created, updated, type, tags, sources, confidence
| title |
created |
updated |
type |
tags |
sources |
confidence |
| Web Performance (Core Web Vitals) |
2026-06-02 |
2026-06-02 |
concept |
|
| raw/articles/web-design-research.md |
| raw/articles/crawford-15-tips.md |
|
high |
Web Performance and Core Web Vitals
Метрики (2026)
- LCP (Largest Contentful Paint) — < 2.5s — скорость загрузки основного контента
- INP (Interaction to Next Paint) — < 200ms — отклик на взаимодействие (заменил FID)
- CLS (Cumulative Layout Shift) — < 0.1 — визуальная стабильность
Инструменты
- Google PageSpeed Insights — LCP, INP, CLS + рекомендации
- WebPageTest — детальные waterfall-диаграммы
- GTmetrix — LCP, INP, CLS + оптимизация
- Chrome Web Vitals extension — реальный мониторинг
Влияние на конверсию (Crawford)
Каждая секунда загрузки снижает конверсии. >3s = потеря ~50% посетителей.
Типовые проблемы
- Несжатые изображения — WebP/AVIF с lazy loading
- Тяжёлые скрипты — дефер, асинхронная загрузка
- JavaScript блокирует рендер — code splitting, tree shaking
- Много шрифтов — не более 3 семейств
- Нет кэширования — CDN, service workers, cache headers
