Вимірювання продуктивності JavaScript-коду є важливим для оптимізації веб-додатків. Ця стаття забезпечує чіткий, покроковий підхід до розрахунку показників продуктивності за допомогою JavaScript.

Розуміння продуктивності метрики

метрики, які допомагають розробникам виявити пляшки і підвищувати ефективність їх коду. Загальні метрики включають час виконання, використання пам'яті і частоту кадрів.

Використання API продуктивності

API Performance надає інструменти для вимірювання різних аспектів виконання коду. Метод

Для вимірювання часу виконання запису, запису часових запасів до і після блокування коду:

Example:

const StartTime = продуктивність.now();

// Код для вимірювання

const endTime = продуктивність.now();

тривалість конституції = endTime - StartTime;

Розрахунок інших метриків

Використання пам'яті можна перевірити за допомогою продуктивності.memory об'єкт, який забезпечує деталі, такі як загальний розмір JS і використовуваний розмір забору. Зверніть увагу, що цей API підтримується переважно в Chrome.

Для вимірювання частоти кадрів використовуйте запитуванняФраме функція для відстеження продуктивності з часом.

Кращі практики

Завжди виконувати вимірювання декількох разів на рахунок для варіабельності. Використовуйте середні, щоб отримати більш точні результати. Уникайте вимірювання в періоди високої активності, які можуть зачистити дані.

  • Використовуйте таймери високої роздільної здатності, такі як продуктивності.now()].
  • Заміри забігу багаторазово за точність.
  • Порівняти результати в умовах послідовних умов.
  • [[FLT: 0]]
  • Відстеження продуктивності