intermediate
Frontend performance
Техники браузера и приложения для улучшения загрузки, рендеринга, отзывчивости и качества взаимодействия для реальных пользователей.
На интервью по frontend performance — что чувствует пользователь: загрузка, интерактивность и визуальная стабильность, а не Lighthouse в вакууме. FullStack JS-команды поставляют React/Next, где bundle size, code splitting, изображения, caching и virtualization списков влияют на конверсию и SEO.
Подтемы: Core Web Vitals, размер bundle, code splitting, lazy loading, оптимизация изображений, caching, virtualization.
На интервью: приоритет LCP-элемента, INP vs старый FID, предотвращение CLS от поздних шрифтов или картинок, связка улучшений с field data (CrUX/RUM).
Типовые ошибки: lazy load hero-изображения; избыточный splitting с умножением waterfall; cache персонализированного HTML; virtualization без keyboard focus.
Компромисс — быстрый first paint против сложности стратегии загрузки и корректности cache.
Чеклист:
- Field data на критичных маршрутах.
- Бюджеты JS и CSS на route.
- Резерв места под media и шрифты.
- Проверка на mid-tier mobile сетях.