Ответ
Для измерения успешности оптимизации я использовал следующие ключевые метрики:
- Производительность загрузки:
- Time to First Byte (TTFB)
- First Contentful Paint (FCP)
- Largest Contentful Paint (LCP)
- Time to Interactive (TTI)
- Размер ресурсов:
- Общий вес страницы
- Количество запросов
- Размер бандлов JavaScript/CSS
- 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) и сравнивал до/после оптимизаций.