Как измерять Performance внутри браузера

Для измерения производительности в браузере используйте Performance API и инструменты разработчика.

1. Navigation Timing API – измеряет время загрузки страницы:

const [entry] = performance.getEntriesByType("navigation");
console.log(entry.loadEventEnd - entry.startTime);

2. User Timing API – для кастомных метрик:

performance.mark('start');
// ... ваш код
performance.mark('end');
performance.measure('myMeasure', 'start', 'end');
console.log(performance.getEntriesByName('myMeasure')[0].duration);

3. Paint Timing API – метрики отрисовки:

const [fp] = performance.getEntriesByName('first-paint');
console.log(fp.startTime);

4. Chrome DevTools:

• Вкладка Performance для детального анализа
• Lighthouse для аудита производительности

Для RUM (Real User Monitoring) используйте window.performance и отправляйте данные на сервер.