性能 - Firefox 开发者工具 编辑

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

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

• Waterfall（瀑布流）展示浏览器所做的不同工作，如运算布局，JavaScript，重绘，和垃圾回收
• Call Tree（调用树）展示那些最耗时间的JavaScript函数
• Flame Chart（火焰图）展示记录过程中的JavaScript调用堆栈

开始使用

界面之旅

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

如何工作

基本任务：打开工具，创建，保存，载入，并配置记录。

性能工具的组件

帧频（刷新率）

了解你网站的整体响应能力。

调用树

找到你网站上JavaScript的瓶颈。

瀑布流

了解当用户与站点进行交互时浏览器的工作。

火焰图

看看在记录的过程中，哪些JavaScript函数执行。

 

场景

驱动CSS属性

采用瀑布流了解浏览器如何更新一个页面，以及如何驱动不同的CSS属性来影响性能。

 

密集JavaScript

使用帧频和瀑布流工具来突出长期运行Javascript引起的性能问题，以及在这种状况下如何使用工作的代码可以造成有效帮助。