--- title: Desempenho slug: Tools/Desempenho tags: - Aprender - Desempenho - Desempenho da Web - Ferramentas de Desenvolvimento - Ferramentas de Programação translation_of: Tools/Performance ---

A ferramenta de Desempenho mostra-lhe a resposta geral do seu site, o desempenho da disposição e JavaScript. Com esta ferramenta pode criar um registo, ou perfil, do seu site durante um período do tempo. A ferramenta depois mostra-lhe uma sinopse das coisas que o navegador esteve a fazer ao renderizar o seu site sob o perfil, e um gráfico da frame rate sob o perfil.

Tem quatro subferramentas para examinar os aspetos do perfil em mais detalhe:

a Waterfall mostra-lhe diferentes operações que o navegador estava a realizar, tais como disposição, JavaScript, repaints, e coleção de lixo
a Árvore de Chamada mostra as funções de JavaScript nas quais o navegador gasta a mior parte do seu tempo
the Flame Chart shows the JavaScript call stack over the course of the recording
the Allocations view shows the heap allocations made by your code over the course of the recording. This view only appears if you checked "Record Allocations" in the Performance tool settings.

Iniciação

Guia da IU: To find your way around the Performance tool, here's a quick tour of the UI.

Como fazer!: Basic tasks: open the tool, create, save, load, and configure recordings

Componentes da ferramenta «Desemepenho»

Frame rate: Understand your site's overall responsiveness.
Árvore de Chamada: Find bottlenecks in your site's JavaScript.
Allocations: See the allocations made by your code over the course of the recording.

Cascata: 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.

Cenários

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.