Performance

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.

 

 

 

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: hackbart
 Zuletzt aktualisiert von: hackbart,