La mesure des performances du code JavaScript est essentielle pour optimiser les applications web. Cet article propose une approche claire et progressive pour calculer les performances en utilisant JavaScript.

Comprendre les mesures de performance

Les mesures de performance aident les développeurs à identifier les goulets d'étranglement et à améliorer l'efficacité de leur code.

Utilisation de l'API Performance

L'API Performance fournit des outils pour mesurer divers aspects de l'exécution de code. La méthode performance.now() retourne un timestamp haute résolution, idéal pour un timing précis.

Pour mesurer le temps d'exécution, enregistrez les timestamps avant et après le bloc de code :

Exemple:

Const startTime = performance.now();

// Code à mesurer

const endTime = performance.maintenant();

durée de const = finTime - startTime;

Calcul des autres paramètres

L'utilisation de la mémoire peut être vérifiée en utilisant l'objet performance.memory, qui fournit des détails comme la taille totale du tas JS et utilisé la taille du tas. Notez que cette API est supportée principalement dans Chrome.

Pour la mesure de la vitesse d'image, utilisez la fonction requestAnimationFrame pour suivre les performances de rendu au fil du temps.

Meilleures pratiques

Toujours effectuer des mesures à plusieurs reprises pour tenir compte de la variabilité. Utilisez des moyennes pour obtenir des résultats plus précis. Évitez de mesurer pendant les périodes de haute activité qui peuvent fausser les données.

  • Utilisez des minuteurs à haute résolution comme performance.now().
  • Exécuter des mesures à plusieurs reprises pour obtenir la précision.
  • Comparer les résultats dans des conditions uniformes.
  • Surveiller l'utilisation de la mémoire avec performance.memory.
  • Performance de rendu de la piste avec requestAnimationFrame.