# 10. 工具
# 性能分析
在脚本运行期间定时执行各种函数和操作，找出要优化的部分。
# 网络分析
检查图片、样式表和脚本的加载过程，以及它们对页面整体加载和渲染的影响。
var start=new Date();
xxxxx
time=new Date()-time;
1
2
3
4
5
2
3
4
5
if(console&&!console.time){
console._timers={};
console.time=function(name){
console._timers[name]=new Date();
}
console.timeEnd=function(name){
var time=new Date-console._timers[name];
conosle.info(name+': '+time+'ms')
}
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
Firebug还提供了一个启动或停止性能分析的js接口。
console.profile('regexTest');
regexTest(x);
console.profileEnd();
console.profile('indexOfTest');
indexOfTest(x);
console.profileEnd();
1
2
3
4
5
6
7
2
3
4
5
6
7
console.time('cache node');
xxxx
console.time('cache node');
//cache node: 14173.2421875ms
1
2
3
4
2
3
4
浏览器限制每次只能发出一次请求。这样做是为了管理文件之间的依赖关系。新版浏览器解决这个问题的办法是允许并行下载，但阻塞运行，以保证依赖关系已经准备好。虽然这样做能使文件下载的更快，但页面渲染仍然会被阻塞，直到所有脚本都被执行。