Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

性能

性能工具让你深入了解你的网站的一般响应性,JavaScript和布局性能。利用性能工具你可以创建你的网站在一段时间内的一个记录,或资料。然后此工具在资料里将浏览器渲染你的网站时所做的事情,和帧率图展示给你。

你有三个子工具来详细检查资料:


开始使用

界面之旅

要了解使用性能工具的方法,这是一个快速的界面指导。

如何工作
基本任务:打开工具,创建,保存,载入,并配置记录。

性能工具的组件

帧频(刷新率)
了解你网站的整体响应能力。
调用树
找到你网站上JavaScript的瓶颈。
瀑布流
了解当用户与站点进行交互时浏览器的工作。
火焰图
看看在记录的过程中,哪些JavaScript函数执行。
 

场景

驱动CSS属性
采用瀑布流了解浏览器如何更新一个页面,以及如何驱动不同的CSS属性来影响性能。
 
密集JavaScript
使用帧频和瀑布流工具来突出长期运行Javascript引起的性能问题,以及在这种状况下如何使用工作的代码可以造成有效帮助。

 

 

 

文档标签和贡献者

 此页面的贡献者: ziyunfei, jsx, laoling, xiaolong
 最后编辑者: ziyunfei,