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

Основные метрики производительности:

1. Largest Contentful Paint (LCP) – время загрузки самого большого контентного элемента (целевое значение < 2.5 сек)
2. First Input Delay (FID) – задержка перед реакцией на первый пользовательский ввод (< 100 мс)
3. Cumulative Layout Shift (CLS) – визуальная стабильность (< 0.1)
4. Time to First Byte (TTFB) – время получения первого байта от сервера
5. First Contentful Paint (FCP) – первая отрисовка контента

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

const observer = new PerformanceObserver((list) => {
  for (const entry of list.getEntries()) {
    console.log(entry.name, entry.startTime);
  }
});
observer.observe({type: 'largest-contentful-paint', buffered: true});

Дополнительно важны:

• Total Blocking Time (TBT)
• Speed Index
• Time to Interactive (TTI)