前端性能分析工具Dyna Trace使用心得
什么是dynatrace ajax“dynatrace ajax 是一个详细的底层追踪工具，它不仅可以显示所有请求和文件在网络中传输的时间，还会记录浏览器render，CPU消耗、JS解析和运行情况等详细的信息，而这些也只是dynatrace ajax的冰山一角。”
引自：Stoyan Stefanov
为什么需要dynatrace ajax
jquery，GWT，YUI，DOJO等兴起的框架让构建WEB2.0应用更加容易，糟糕的是，随之而来的定位这些应用的问题也越来越难，尤其是和性能相关的。下面给大家介绍下dynatrace ajax的使用。
安装好dynatrace后，进入到下面的界面。
<img src="http://qa.taobao.com/wp-content/uploads/2011/06/17.jpg" alt="" width="805" height="218" />
dynatrace可以通过左上角的按钮随时管理运行设置
<img src="http://qa.taobao.com/wp-content/uploads/2011/06/21.jpg" alt="" width="451" height="155" />
运行后，可以发现浏览器上出现dynatrace工具栏，此时你可以浏览所有要检测的网页，所有的数据都会被记录，浏览好后关闭浏览器，双击左边的report，这里显示了大部分我们要的信息，如图。
<img src="http://qa.taobao.com/wp-content/uploads/2011/06/33.jpg" alt="" width="761" height="438" />
在report中记录了所有访问的网页的详细信息，我们可以知道以下一些事情：
1.加载了多长时间
2.网络请求消耗了多久
3.JS运行多长时间，每个事件在何时被触发
4.精确的页面生命周期
我们可以将session导出，也可将session导入到dynatrace进行解析。
下面是一些文章的链接：
http://ejohn.org/blog/deep-tracing-of-internet-explorer/
http://blog.dynatrace.com/2009/11/17/a-step-by-step-guide-to-dynatrace-ajax-edition-available-today-for-public-download/
查看完整版本： 前端性能分析工具Dyna Trace使用心得
Tags: