From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-pt/tools/desempenho/index.html | 185 ++++++++++++++++++++++++++++++++ 1 file changed, 185 insertions(+) create mode 100644 files/pt-pt/tools/desempenho/index.html (limited to 'files/pt-pt/tools/desempenho/index.html') diff --git a/files/pt-pt/tools/desempenho/index.html b/files/pt-pt/tools/desempenho/index.html new file mode 100644 index 0000000000..7e5f3cdd2b --- /dev/null +++ b/files/pt-pt/tools/desempenho/index.html @@ -0,0 +1,185 @@ +--- +title: Desempenho +slug: Tools/Desempenho +tags: + - Aprender + - Desempenho + - Desempenho da Web + - Ferramentas de Desenvolvimento + - Ferramentas de Programação +translation_of: Tools/Performance +--- +
{{ToolsSidebar}}
+ +

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:

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

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.
+
+
+
+ + + +
+
+
+
+
+ + + +
+ + + + + +
-- cgit v1.2.3-54-g00ecf