第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应用变慢时,分析从网络下载的资源以及分析脚本的运行性能能够找到最需要优化的地方。