10. 工具.md

10. 工具

性能分析

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

网络分析

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

var start=new Date();

xxxxx

time=new Date()-time;

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')
  }
}

Firebug还提供了一个启动或停止性能分析的js接口。

console.profile('regexTest');
regexTest(x);
console.profileEnd();

console.profile('indexOfTest');
indexOfTest(x);
console.profileEnd();

console.time('cache node');
xxxx
console.time('cache node');
//cache node: 14173.2421875ms

浏览器限制每次只能发出一次请求。这样做是为了管理文件之间的依赖关系。新版浏览器解决这个问题的办法是允许并行下载，但阻塞运行，以保证依赖关系已经准备好。虽然这样做能使文件下载的更快，但页面渲染仍然会被阻塞，直到所有脚本都被执行。