From 39f2114f9797eb51994966c6bb8ff1814c9a4da8 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:36:08 +0100 Subject: unslug fr: move --- files/fr/tools/performance/index.html | 94 +++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 files/fr/tools/performance/index.html (limited to 'files/fr/tools/performance/index.html') diff --git a/files/fr/tools/performance/index.html b/files/fr/tools/performance/index.html new file mode 100644 index 0000000000..503820e30f --- /dev/null +++ b/files/fr/tools/performance/index.html @@ -0,0 +1,94 @@ +--- +title: Performance +slug: Outils/Performance +translation_of: Tools/Performance +--- +
{{ToolsSidebar}}
+ +

L'outil Performance donne un aperçu de : la réactivité générale du site, la performance de son code JavaScript et de la performance du layout (disposition). Cet outil permet de réaliser un enregistrement (appelé profil) d'un site sur une période donnée. L'outil montre alors une vue d'ensemble des opérations que le navigateur a effectuées pour afficher le site durant le profil. Un graphique du frame rate lors du profil est également affiché.

+ +

Il existe quatre sous-outils pour examiner les différents aspects du profil en détail :

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

Débuter

+ +
+
+
+
UI Tour
+
+

Une visite guidée rapide pour s'y retrouver dans l'interface.

+
+
+
+ +
+
+
Comment faire ?
+
Tutoriels pour les tâches de base : ouverture de l'outil, création, sauvegarde, chargement et configuration des enregistrements.
+
+
+
+ +
+

Composants de l'outil Performance

+ +
+
+
+
Frame rate
+
Comprendre la réactivité générale des sites.
+
Arbre d'appel
+
Trouver les points noirs dans le code JavaScript d'un site.
+
Allocations
+
Afficher les allocations faites par le code tout au long de l'enregistrement.
+
+
+ +
+
+
Chronologie
+
Comprendre les opérations que fait le navigateur pendant que l'utilisateur interagit avec un site.
+
Graphique JS
+
Voir quelles fonctions JavaScript s'exécutent et quand elles s'exécutent pendant toute la durée de l'enregistrement.
+
+
+
+
+ +
+

Scenarios

+ +
+
+
+
Animer des propriétés CSS
+
Utiliser l'arbre d'appel pour comprendre comme le navigateur met à jour une page, et comment différentes animations de propriétés CSS peuvent impacter la performance.
+
+
+
+ +
+
+
JavaScript intensif
+
Utiliser le frame rate et l'arbre d'appel pour mettre en évidence les problèmes causés par du JavaScript à longue exécution et comment l'utilisation des workers peut aider à résoudre cette situation..
+
+
+
+ + + +
+
+
+
+
-- cgit v1.2.3-54-g00ecf