前端性能测试工具 : dynaTrace Ajax (还没写完)

今天开始写这个工具,

 

#什么是dynaTrace Ajax?

随着 jQuery、Dojo、YUI 等框架的兴起让构建 Web2.0 应用更加容易,但随之带来的定位等应用问题也越来越难,尤其是与性能相关的。这是作者2012年写的,我刚刚百度了下能搜索到web3.0,web4.0,web5.0,web6.0这些词条,web7.0就搜索不到了,意思是web越来越复杂了。作为测试人员或者开发人员定位问题也越来越难。

dynaTrace Ajax Edition 是一个强大的底层追踪、前端性能分析工具,该工具不仅能够记录浏览器的请求在网络中的传输时间、前端页面的渲染时间、DOM 方法执行时间以及 JavaScript 代码的解析和执行时间,还可以跟踪 JavaScript 从执行开始,经过本地的 XMLHttpRequest、发送网络请求、再到请求返回的全过程。

 

#下载安装

https://jjc89001.live.dynatrace.com/#install/agentwindows;gf=all

去官网下,傻瓜式安装就好了

 

 

 

#启动

点击开始->所有程序->dynaTrace->dynaTrace AJAX Edition启动dynaTrace。客户端将出现Cockpit面板

我自己下载的在启动程序里面找不到, 还不清楚原因,我从人家那拿了个图做参考

 

 

 然后就会弹出了一个下拉的按钮菜单中,进行选择下拉菜单中的“manage run configuration”或者进行点击“new run configuration”的选项。

 

 

就会弹出了一个“manage run configuration”的选项框中,就需要在name位置中进行输入昵称,可以直接输入“baidu”,然后在URL中进行输入需要进行Ajax的百度首页性能分析,然后进行点击“run”的按钮。

这个页面可以勾选Clear browser cache,在运行之前清空缓存

 

 

 点击工具栏最右侧的按钮可以启动Preference(预置)对话框,可以在这里指定多个不同的配置。值得注意的是那个开启/关闭捕捉JavaScript和DOM方法调用的选项,以及开启/关闭Javascript一般追踪的选项。在下面的练习里,请勾选“Capture arguments”以及“Capture full JavaScript call trace”选项

 

 

 

 

 

 

 

就会弹出了一个为information的窗口的信息,根据提示的信息中,需要进行一个ie的浏览器,如果进行点击“ok”的选项之后,在进行会dynaTrace Ajax中加载数据信息。

 

 

 然后就会在Browsers的选项,进行加载了一些列表的信息,例如在列表中加载了“Timeline”,“purepaths”,“network”的选项,只要进行点击其中的一项

 

 然后进行打开了一个ie的浏览器,就会开始进行跟踪百度首页中界面中的信息,可以看到右上角的位置中,connected是正在跟踪百度界面的信息的。

 

 

而在跟踪界面完成之后就可以进行关闭了跟踪中的浏览器,需要进行暂停跟踪百度首页的内容,先进行点击暂停的按钮,这样就会弹出右上角的位置中“paused”的信息,然后就直接点击关闭浏览器。

 

 

跟踪完百度的首页中信息,就可以进行分析百度首页中内容,需要进行点击列表中的sessions的选项列表中,然后在此进行点击已经跟踪完成的baidu的昵称。

 

 

这样就会弹出跟踪完成的baidu获取所有信息的列表中,而在列表中可以获取到的是网络,时间,等相关报告的信息,需要进行查看其中的报告的信息,可以进行点击performance report的报告。

 

 

这样就会进入到performance report的报告,在报告中可以看到的是相关的分析结果

 

 

 

 

#分析监控结果

浏览器中监控的事件被自动存储在一个session中,可以在浏览器关闭的情况下分析

 

 

#知识来源

https://www.ibm.com/developerworks/cn/web/1205_xieju_dtraceajax/

https://www.cnblogs.com/ITRoad/archive/2012/01/11/2319542.html

https://jingyan.baidu.com/article/ca2d939d03a4cdeb6c31cedf.html

 

https://blog.csdn.net/u011466469/article/details/78302273

posted @ 2019-11-12 09:13  筱筱的春天  阅读(412)  评论(0编辑  收藏  举报