Дмитрий Фандорин
Performance в JavaScript
Performance API - это набор инструментов в браузере, который позволяет измерять производительность JavaScript-кода. Он предоставляет методы для создания меток и измерений, а также для получения информации о времени выполнения задач и производительности сети.
Пример:
// Создание метки
performance.mark('myFunction-start');
// Выполнение функции
myFunction();
// Завершение метки
performance.mark('myFunction-end');
// Создание измерения
performance.measure('myFunction', 'myFunction-start', 'myFunction-end');
// Получение результатов
const perfEntries = performance.getEntriesByName('myFunction');
console.log(perfEntries[0].duration);
Форма записи
Создание меток
Для создания метки используйте метод performance.mark(name)
, где name
- это уникальный идентификатор метки.
Пример:
performance.mark('myFunction-start');
Создание измерений
Для создания измерения используйте метод performance.measure(name, startMark, endMark)
, где name
- это уникальный идентификатор измерения, startMark
- это идентификатор начальной метки, а endMark
- это идентификатор конечной метки.
Пример:
performance.measure('myFunction', 'myFunction-start', 'myFunction-end');
Способы получения меток и измерений
Для получения меток и измерений используйте методы performance.getEntries()
, performance.getEntriesByName(name)
или performance.getEntriesByType(type)
, где name
- это уникальный идентификатор метки или измерения, а type
- это тип записи (например, 'mark' или 'measure').
Пример:
const perfEntries = performance.getEntriesByName('myFunction');
console.log(perfEntries[0].duration);
Способы очистить записи
Для очистки всех записей используйте метод performance.clearMarks()
или performance.clearMeasures()
.
Пример:
performance.clearMarks();
performance.clearMeasures();
Описание
Performance API предоставляет различные типы записей, такие как:
- Метки (marks) - это идентификаторы, которые помогают измерить время выполнения определенного участка кода.
- Измерения (measures) - это разница между двумя метками, которая позволяет измерить время выполнения определенного участка кода.
Для измерения производительности в JavaScript можно использовать Performance API, который предоставляет методы для создания меток и измерений, а также для получения информации о времени выполнения задач и производительности сети. Кроме того, существуют сторонние инструменты, такие как Google Chrome DevTools, которые предоставляют расширенные возможности для измерения производительности.
Заключение
Performance API - это мощный инструмент, который помогает измерять производительность JavaScript-кода. Использование меток и измерений позволяет измерять время выполнения определенных участков кода и идентифицировать узкие места в производительности. Кроме того, существует множество инструментов и методов оптимизации, которые помогают улучшить производительность вашего JavaScript-кода. Использование Performance API позволяет более точно и детально измерять производительность вашего кода и оптимизировать его для достижения максимальной производительности.
Карта развития разработчика
Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile