intermediate
Производительность браузера
Core Web Vitals, lazy loading, code splitting, resource hints, кэширование и оптимизация через измерения.
На интервью по производительности браузера связывают видимые пользователю метрики с решениями по доставке: vitals, отложенную загрузку, форму bundle, hints и стратегию кэша.
Подтемы: Core Web Vitals, lazy loading, code splitting, resource hints и кэширование в браузере.
На интервью: объясните причины LCP, CLS и INP, когда lazy loading вредит hero-контенту и чем preload отличается от prefetch.
Типовые ошибки: оптимизация только в lab, lazy hero-изображения и cache headers, блокирующие выкладку.
Компромисс: удобство против контроля — выбирайте механизм под вашу связность и бюджет производительности.
Чеклист:
- Измеряйте field data, не только Lighthouse.
- Защищайте LCP и пути взаимодействия.
- Делите bundle по пользовательским сценариям.
- Версионируйте кэши и планируйте инвалидацию.