/performanceTracer

performance timming API 耗时统计

Primary LanguageJavaScript

alt logo performanceTracer (alpha1.0)

##查看打开网页至加载完毕各阶段时间消耗的工具 performance API 耗时统计

##注意事项

请在所有异步请求完成后再点击chrome上的插件按钮,以确保数据正确

因为:Navigation Timing stops at the window.onload event
到目前为止Navigation Timming统计的数据在window.onload事件发生后就直接终止了,而没有统计到所有网络活动完成后的一个事件,应该要有一个类似于 “end of network activity”这样的事件后统计timming

##使用方法

####第一种方式:直接在html文件中引用

 <script type="text/javascript" src="performance-min.js"></script>

####第二种方式:安装chrome插件 由于chrome商店发布应用要收money,本人是穷X,就不发布了 直接从crx文件夹内下载performance-tracer.crx 文件
打开chrome在地址栏输入chrome://extensions/打开插件管理页
再将下载的.crx拖到插件管理页内即可安装。

###效果图 alt text

###performance timming时段结构图参考



alt text