第10章：工具

性能分析

在脚本运行期间定时执行各种函数和操作，找出需要优化的部分。

网络分析

检查图片、样式表和脚本的加载过程，以及它们对页面整体加载和渲染的影响。

JS性能分析

YUI Profiler（P179）

匿名函数P182

Firebug

控制台面板分析工具P183

Console API(P184)

网络面板

IE开发人员工具

Safari Web检查器

分析面板P189

资源面板P191

Chrome开发人员工具

脚本阻塞

脚本阻塞会因为一个或多个文件初始化缓慢而变得更加严重，有必要对它进行一些分析，并有可能需要优化或重构。脚本的加载会减慢甚至停止页面渲染，造成用户等待。

Page Speed（P194）

Fiddler(P196)

YSlow(P198)

dynaTrace Ajax Edition(P199)

小结

当网页或Web应用变慢时，分析从网络下载的资源以及分析脚本的运行性能能够找到最需要优化的地方。

• 使用网络分析工具找出加载脚本和页面中其他资源的瓶颈。
• 把脚本尽可能延迟加载可以加快页面渲染速度，给用户带来更好的体验。
• 使用性能分析工具找出脚本运行过程中速度慢的地方，检查每个函数所消耗的时间，以及函数被调用的次数，通过调用栈自身提供的一些线索来找出需要集中精力优化的地方。