前端性能测试工具 : 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
前端性能测试工具 : dynaTrace Ajax (还没写完)的更多相关文章
- XObject.java 对象还没写完,希望电脑不会丢失。坏笑,早点见。
/*面向对象强调的是对象, 面向过程强调的是功能行为,打开行为,关闭行为,执行行为,把多个行为封装成对象执行更强大的功能就是面向对象,是把多个函数, 多 个行为封装在一起,单一的函数执行对象的功能太困 ...
- 【creo】CREO5.0+VS2019配置(还没写完)
欢迎大家一起学习使用c++对CREO5.0二次开发. 第1步,建立开发目录:在E盘(或者其他盘)新建creo_cpp文件夹,文件夹中新建ABC_TOOLS用来存放我们开发的工具,CODE文件夹存放开发 ...
- sitespeedio前端性能测试工具介绍
很久没有写博客了,今天给大家介绍一款比较好用的前端性能测试工具. sitespeedio简介: sitespeed.io是Jonathan Lee发布的一款可监视和衡量网站前端性能的开源工具. 1.开 ...
- [原创]H5前端性能测试工具介绍
[原创H5前端性能测试工具介绍 一 网络抓包工具 网络抓包工具选择原则,可以捕获网络请求,抓取具体请求信息流,同时可以针对网络请包进行修改或拦截: 1.Fiddler(推荐) 2.Charles(推荐 ...
- Word 双栏排版最后多一页空白页删不掉、左栏文字没写完就到右栏了
1. 问题 问题:Word双栏排版,最后多一页空白页,删不掉.如图: 原因分析:删不掉是因为末尾文字处其实有个下一页分节符,只不过可能看不到. 如何清晰的看到? 视图 > 大纲,就可以看到了.如 ...
- 前端性能利器——dynatrace ajax edition
因为最近的工作跟性能分析有关系,所以写个小总结. 顺带推荐两个我常用的小工具: 1.文件对比工具beyond compare,非常好用,对比.修改很简单.当然我只是用的试用版本.google一下官网下 ...
- 两款较好的Web前端性能测试工具
前段时间接手了一个 web 前端性能优化的任务,一时间不知道从什么地方入手,查了不少资料,发现其实还是蛮简单的,简单来说说. 一.前端性能测试是什么 前端性能测试对象主要包括: HTML.CSS.JS ...
- 【转】两款 Web 前端性能测试工具
前段时间接手了一个 web 前端性能优化的任务,一时间不知道从什么地方入手,查了不少资料,发现其实还是蛮简单的,简单来说说. 一.前端性能测试是什么? 前端性能测试对象主要包括: HTML.CSS.J ...
- 利用Docker安装Web前端性能测试工具Sitespeed.io
目录结构 一.Sitespeed.io概述 1.Sitespeed.io简介 2.Sitespeed.io使用场景 二.Sitespeed.io的安装和使用 1.安装Sitespeed.io 2.连接 ...
随机推荐
- HAProxy-1.8.x版本源码编译
源码编译HAProxy: 官网下载HAProxy包,并解压包,切换到haproxy包目录下 [root@centos17haproxy-1.8.20]#tar xvf haproxy-1.8.20. ...
- request-html 登陆百度
import asyncio from requests_html import HTMLSession url = 'https://passport.baidu.com/v2/?login& ...
- 利用Minhash和LSH寻找相似的集合
from: https://www.cnblogs.com/bourneli/archive/2013/04/04/2999767.html 问题背景 给出N个集合,找到相似的集合对,如何实现呢?直观 ...
- BOM常用属性与方法
BOMBrowser Object Modelwindow浏览器窗口window方法locationlocation常用属性screen显示器屏幕screen常用属性navigator浏览器软件nav ...
- 《少年先疯队》第八次团队作业:Alpha冲刺第四天
前言 第四天冲刺会议 时间:2019.6.17 地点:宿舍 4.1 今日完成任务情况以及遇到的问题. 4.1.1今日完成任务情况 姚玉婷:管理员功能模块中,收费管理功能的实现. ...
- ping命令传递信息
IP: # 适用于 eth0 inet addr: IP的情况 ping `ifconfig eth0|grep 'inet '|awk '{ print $2}'|awk -F: '{print $ ...
- car配置篇
这没有什么好说的 1.5t的涡轮增压 CVT(Continuously Variable Transmission)技术即无级变速技术,它采用传动带和工作直径可变的主.从动轮相配合来传递动力,可以实现 ...
- 002_基础电路_AD快捷键
AD快捷键设置 陆小果哥哥制作 1. F2----------------------------------------放置走线 a) b) 需设置,点中走线按住 ...
- Acwing P274 移动服务 题解
每日一题 day21 打卡 Analysis DP的状态为已经完成的请求数量,通过指派一位服务员可以把”完成i - 1个请求的状态”转移到”完成i个请求的状态”那么我们可以知道转移从dp[i - 1] ...
- 用es实现模糊搜索
Haystack为Django提供了模块化的搜索.它的特点是统一的,熟悉的API,可以让你在不修改代码的情况下使用不同的搜索后端(比如 Solr, Elasticsearch, Whoosh, Xap ...