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

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

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

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

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});

Оптимизировать можно через:

• Ленивую загрузку
• Оптимизацию изображений
• Минификацию кода
• Предзагрузку критических ресурсов