Performance -Tool gibt Ihnen Aufschluss über allgemeine Reaktionsvermögen Ihres Website , JavaScript und das Layout Leistung. Mit der Performance -Tool Sie eine Aufnahme oder das Profil Ihrer Website über einen Zeitraum von Zeit zu erstellen. Das Tool zeigt Ihnen dann einen Überblick über die Dinge, die der Browser tat , um Ihre Website über das Profil zu machen, und eine graphische Darstellung der Bildrate über das Profil .
Performance -Tool gibt Ihnen Aufschluss über allgemeine Reaktionsvermögen Ihres Website , JavaScript und das Layout Leistung. Mit der Performance -Tool Sie eine Aufnahme oder das Profil Ihrer Website über einen Zeitraum von Zeit zu erstellen. Das Tool zeigt Ihnen dann einen Überblick über die Dinge, die der Browser tat , um Ihre Website über das Profil zu machen, und eine graphische Darstellung der Bildrate über das Profil .
You get three sub-tools to examine aspects of the profile in more detail:
- the Waterfall shows the different operations the browser was performing, such as executing layout, JavaScript, repaints, and garbage collection
- the Call Tree shows the JavaScript functions in which the browser spent most of its time
- the Flame Chart shows the JavaScript call stack over the course of the recording.
Getting started
- UI Tour
-
To find your way around the Performance tool, here's a quick tour of the UI.
- How to
- Basic tasks: open the tool, create, save, load, and configure recordings
Components of the Performance tool
- Frame rate
- Understand your site's overall responsiveness.
- Call Tree
- Find bottlenecks in your site's JavaScript.
- Waterfall
- Understand the work the browser's doing as the user interacts with your site.
- Flame Chart
- See which JavaScript functions are executing, and when, over the course of the recording.
Scenarios
- Animating CSS properties
- Uses the Waterfall to understand how the browser updates a page, and how animating different CSS properties can affect performance.
- Intensive JavaScript
- Uses the frame rate and Waterfall tools to highlight performance problems caused by long-running JavaScript, and how using workers can help in this situation.