Какими метриками пользовался для измерения успешности оптимизации

«Какими метриками пользовался для измерения успешности оптимизации» — вопрос из категории Тестирование, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Для измерения успешности оптимизации я использовал следующие ключевые метрики:

  1. Производительность загрузки:
  • Time to First Byte (TTFB)
  • First Contentful Paint (FCP)
  • Largest Contentful Paint (LCP)
  • Time to Interactive (TTI)
  1. Размер ресурсов:
  • Общий вес страницы
  • Количество запросов
  • Размер бандлов JavaScript/CSS
  1. UX-метрики:
  • Cumulative Layout Shift (CLS)
  • First Input Delay (FID)

Пример измерения через Lighthouse:

// В DevTools или через програмный API
const report = await lighthouse(url, {
  output: 'json',
  onlyCategories: ['performance']
});
console.log(report.categories.performance.score);

Дополнительно отслеживал реальные пользовательские данные через RUM (Real User Monitoring) и сравнивал до/после оптимизаций.