blob: e2096ad0bc3fcd11ca3d4b5a079f0b57f990b144 (
plain)
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
|
---
title: 性能分析工具
slug: Tools/Network_Monitor/Performance_Analysis
tags:
- 工具
- 开发工具
- 指南
- 火狐
- 网络
- 调试
translation_of: Tools/Network_Monitor/Performance_Analysis
---
<p>{{ToolsSidebar}}</p>
<p>网络监视器包括了一个性能分析工具，来帮助你查看浏览器在你的网站上使用了多长时间来下载每种资源</p>
<h2 id="使用性能分析工具">使用性能分析工具</h2>
<p>如果要使用性能分析工具，请点击工具栏上的停表按钮.</p>
<p>(如果你只是打开了网络监视器，那么它还没有填充请求列表，你会在主窗口得到一个停表按钮.)</p>
<p>网络监视器会加载这个网站两次: 第一次浏览器没有缓存, 第二次浏览器会使用缓存. 这样能模拟出用户第一次访问该网站的情况和之后的浏览情况. 它会并排或在窗口过窄时垂直显示每次运行的结果:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16277/network_performance.png" style="border: 1px solid black; display: block; height: 1176px; margin-left: auto; margin-right: auto; width: 900px;"></p>
<p>每次运行结果的总结都会显示在面板和饼图上. 面板有资源类型、每种资源的总大小和每种资源读取的总时间. 旁边的饼图显示每种资源大小的占比.</p>
<p>若要返回到网络监视器，请点击左侧的“返回”按钮.</p>
<p>点击饼状图的任何一个部分都会切换到显示当次的网络性能分析数据，并且自动地<a href="/en-US/docs/Tools/Network_Monitor/request_list#Filtering_requests">仅保持你所点击的类型的资源的相关信息可见</a>.</p>
<h2 id="网络性能分析工具相关特性">网络性能分析工具相关特性</h2>
<p>下面的文章包含了关于使用网络性能分析工具的不同方面的信息:</p>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/Toolbar">工具栏</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_list">网络请求列表</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/request_details">网络请求详情</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/recording">网络日志记录</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/Throttling">节流</a></li>
</ul>
|
