aboutsummaryrefslogtreecommitdiff
path: root/files/fr/conflicting/tools/performance
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/conflicting/tools/performance
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/conflicting/tools/performance')
-rw-r--r--files/fr/conflicting/tools/performance/waterfall/index.html25
1 files changed, 25 insertions, 0 deletions
diff --git a/files/fr/conflicting/tools/performance/waterfall/index.html b/files/fr/conflicting/tools/performance/waterfall/index.html
new file mode 100644
index 0000000000..215ce97ad5
--- /dev/null
+++ b/files/fr/conflicting/tools/performance/waterfall/index.html
@@ -0,0 +1,25 @@
+---
+title: Frise chronologique
+slug: Outils/Frise_chronologique
+tags:
+ - Gecko
+ - Guide
+ - Tools
+translation_of: Tools/Performance/Waterfall
+translation_of_original: Tools/Timeline
+---
+<div>{{ToolsSidebar}}</div><p>La frise chronologique suit à la trace les opérations réalisées par Gecko, le moteur du navigateur.Il faut aller dans les <a href="/en-US/docs/Tools/Tools_Toolbox#Settings_2">the devtools options des outils de developemment</a> pour activer la frise chronologique.</p>
+
+<p>Pour le moment, la frise chronologique couvre les éléments suivants :</p>
+
+<ul>
+ <li><em>reflows</em> (aussi appelés <em>Layout</em>) : Le moteur a calculé la géométrie d'un ou plusieurs nœuds.</li>
+ <li><em>restyle </em>: le style a été recalculé.</li>
+ <li><em>paint </em>: une partie de la page a été redessinée.</li>
+ <li><em>console </em>: appels à la fonction <code>console.time(label)</code> et/ou <code>console.timeEnd(label)</code>;</li>
+ <li><a href="/fr/docs/Web/Events"><em>Éènements DOM</em></a> : les évènements tel que "click", "input", "keydown" etc...</li>
+</ul>
+
+<p>Les opérations reflows, restyle et paint ont lieu dans le "thread" principal et peut retarder ou être retardé à cause des opérations lentes (reflows, exécution de script, beaucoup de restyle, etc...).</p>
+
+<p><img alt="Timeline Screenshot" src="https://mdn.mozillademos.org/files/8883/timeline.png" style="height: 728px; width: 879px;"></p>