1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: Como fazer!
slug: Tools/Desempenho/Como_fazer
translation_of: Tools/Performance/How_to
---
<div>{{ToolsSidebar}}</div>
<h2 id="Abrir_as_ferramentas_de_«Desempenho»">Abrir as ferramentas de «Desempenho»</h2>
<p>Para abrir as ferramentas de <strong>Desempenho</strong>:</p>
<ul>
<li>pressione Shift + F5</li>
<li>selecione "Desempenho" no submenu das "Ferramentas de Programação" no Menu do Firefox (ou no menu das <strong>Ferramenats</strong> se exibir a barra do menu ou está num OS X)</li>
<li>selecione "Desempenho" no botão <strong>Ferramentas</strong>, na «Barra de Ferramentas», se tiver uma:<img alt="" src="https://mdn.mozillademos.org/files/10997/devtools-button.png" style="height: 76px; width: 728px;"></li>
</ul>
<h2 id="Gravar_um_perfil">Gravar um perfil</h2>
<p>To start a new recording, press the stopwatch icon in the Recordings pane. To stop, press it again:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13230/perf-record.png" style="display: block; height: 346px; margin-left: auto; margin-right: auto; width: 799px;"></p>
<p>You can also start and stop recording from the Web Console, using <code><a href="/en-US/docs/Web/API/Console/profile">console.profile()</a></code> and <code><a href="/en-US/docs/Web/API/Console/profileEnd">console.profileEnd()</a></code>.</p>
<h2 id="Guardar_um_perfil">Guardar um perfil</h2>
<p>To save a profile, click the link labeled "Save" in the Recordings pane:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13232/perf-save.png" style="display: block; height: 333px; margin-left: auto; margin-right: auto; width: 799px;"></p>
<h2 id="Carregar_um_perfil">Carregar um perfil</h2>
<p>To load a profile, click "Import..." and choose the file:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13226/perf-load.png" style="display: block; height: 694px; margin-left: auto; margin-right: auto; width: 799px;"></p>
<h2 id="Limpar_todos_os_perfis_carregados">Limpar todos os perfis carregados</h2>
<p>To clear all loaded profiles, click "Clear".</p>
<div class="note">
<p>If you do this, you'll lose any loaded profiles that you have not saved.</p>
</div>
<p><img alt="" src="https://mdn.mozillademos.org/files/13224/perf-clear.png" style="display: block; height: 353px; margin-left: auto; margin-right: auto; width: 818px;"></p>
<h2 id="Selecionar_uma_ferramenta">Selecionar uma ferramenta</h2>
<p>To switch between the <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a>, <a href="/en-US/docs/Tools/Performance/Call_Tree">Call Tree</a>, and <a href="/en-US/docs/Tools/Performance/Flame_Chart">Flame Chart</a> tools, use the buttons in the toolbar:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13234/perf-select.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 799px;"></p>
<h2 id="Configurar_marcadores_exibidos">Configurar marcadores exibidos</h2>
<p>To control which markers are shown in the <a href="/en-US/docs/Tools/Performance/Waterfall">Waterfall</a>, use the button in the toolbar:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13228/perf-markers.png" style="display: block; height: 347px; margin-left: auto; margin-right: auto; width: 799px;"></p>
<h2 id="Zoom">Zoom +</h2>
<p>To zoom into a slice of the recording, select that slice in the recording overview:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/13236/perf-zoom.png" style="display: block; height: 333px; margin-left: auto; margin-right: auto; width: 799px;"></p>
|
