Mesurer les performances ​

Pour mesurer les performances, vous devez d'abord définir ce que vous voulez mesurer. Il existe de nombreuses métriques de performance différentes, et chacune peut être utile dans des situations différentes.

1. Outils de Profilage Intégrés au Navigateur: ​

Les navigateurs modernes comme Chrome, Firefox, et Edge ont des Developer Tools intégrés qui offrent des fonctionnalités de profilage.

• Profiler: Avec cet outil, vous pouvez démarrer et arrêter l'enregistrement de la performance à tout moment pendant l'exécution de votre application. Une fois l'enregistrement arrêté, vous obtiendrez un instantané détaillé des fonctions qui ont été appelées, combien de temps elles ont pris, et où les éventuels goulots d'étranglement pourraient se trouver.

• Timeline / Performance Tab: Cet onglet vous donne une vue d'ensemble de ce qui se passe dans votre page au fil du temps. Cela comprend le rendu, les scripts, la mise en page, et d'autres activités. Vous pouvez voir quand et combien de temps chaque activité prend.

Même si on parle de navigateurs, ces outils peuvent être utilisés pour profiler des applications Node.js.

2. Outils de Ligne de Commande: ​

Pour les applications Node.js ou d'autres environnements hors navigateur, il existe des outils de ligne de commande pour profiler le code.

• Node.js Profiling: Node.js a des outils intégrés pour le profilage. Vous pouvez démarrer votre script avec le flag --prof et cela générera un fichier log que vous pouvez ensuite analyser avec des outils comme --prof-process.

4. Performance Observer API: ​

Bien que cela nécessite un léger ajustement de votre code, l'API Performance Observer dans le navigateur permet d'écouter des événements de performance en temps réel sans avoir à profiler manuellement tout le code. Cela peut être utile si vous souhaitez surveiller des métriques spécifiques.

5. Mesure des Ressources Réseau: ​

Les onglets Réseau des outils de développement du navigateur fournissent des informations détaillées sur chaque demande réseau effectuée par votre page ou application. Cela inclut le temps passé, la taille des données, et d'autres informations qui peuvent affecter la performance.

6. Outils Externes: ​

Des outils comme Lighthouse (intégré à Chrome DevTools) ou WebPageTest peuvent fournir des analyses de performance sans que vous ayez à modifier votre code. Ils vérifient la performance globale de la page, y compris la vitesse de chargement, l'interactivité, et d'autres métriques pertinentes.