前端性能分析工具Dyna Trace使用心得（转）

什么是dynatrace ajax

“dynatrace ajax 是一个详细的底层追踪工具，它不仅可以显示所有请求和文件在网络中传输的时间，还会记录浏览器render，CPU消耗、JS解析和运行情况等详细的信息，而这些也只是dynatrace ajax的冰山一角。”

为什么需要dynatrace ajax

jquery，GWT，YUI，DOJO等兴起的框架让构建WEB2.0应用更加容易，糟糕的是，随之而来的定位这些应用的问题也越来越难，尤其是和性能相关的。下面给大家介绍下dynatrace ajax的使用。

安装好dynatrace后，进入到下面的界面。

dynatrace可以通过左上角的按钮随时管理运行设置

运行后，可以发现浏览器上出现dynatrace工具栏，此时你可以浏览所有要检测的网页，所有的数据都会被记录，浏览好后关闭浏览器，双击左边的report，这里显示了大部分我们要的信息，如图。

在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/

文章转自：Taobao QA Team，原文地址：http://qa.taobao.com/?p=12830

原创文章，转载请注明： 文章地址前端性能分析工具Dyna Trace使用心得（转）

前端性能分析工具Dyna Trace使用心得（转）相关推荐

前端性能分析工具利器
作者:basinwang,腾讯 PCG 前端开发工程师大型项目容易遇到性能问题,一般来说,当我们遇到性能瓶颈的时候,才会开始去进行相应的分析.分析的方向除了业务本身的特点相关之外,常见的还可以借助一 ...
前端性能分析工具-Lighthouse
1.前言对于前端开发人员来说,除了实现页面功能外,那就是页面的性能响应问题也要关注.同样对于测试人员在进行性能测试时,也要关注前端页面的性能指标.测试前端性能市面上可以用到的工具也比较多,比如可以用 ...
前端性能分析工具：dynaTrace Ajax Edition
从John Resig的Deep Tracing of Internet Explorer了解到了这款刚发布的免费的前端性能分析工具,John Resig对其评价甚高:"I typicall ...
dynaTrace Ajax：前端性能分析利器
什么是 dynaTrace Ajax 随着 jQuery.Dojo.YUI 等框架的兴起让构建 Web2.0 应用更加容易,但随之带来的定位等应用问题也越来越难,尤其是与性能相关的.dynaTrace ...
Ajax 前端性能分析利器：dynaTrace
什么是 dynaTrace Ajax 随着 jQuery.Dojo.YUI 等框架的兴起让构建 Web2.0 应用更加容易,但随之带来的定位等应用问题也越来越难,尤其是与性能相关的.dynaTrace ...
Keepfast 是前端一个性能分析工具
简介 Keepfast 是一个性能分析工具,能够分析网站的资源构建性能和页面性能,生成性能报告并提供优化建议,让性能监控更方便. 主要特性: 分析并生成构建性能报告,可直观的对比两个版本的构建性能,以 ...
系统级性能分析工具perf的介绍与使用
测试环境:Ubuntu16.04 + Kernel:4.4.0-31 apt-get install linux-source cd /usr/src/tools/perf make &&am ...
linux 系统级性能分析工具 perf 的介绍与使用
目录 1. 背景知识 1.1 tracepoints 1.2 硬件特性之cache 2. 主要关注点 3. perf的使用 3.0 perf引入的overhead 3.1 perf list 3.2 ...
抖音 Android 性能优化：新一代全能型性能分析工具 Rhea！
本文选自「抖音 Android 性能优化」系列文章. 「抖音 Android 性能优化」系列文章是由抖音 Android 基础技术部门技术专家倾力打造的技术干货内容,和大家分享基础技术团队在打造极致用 ...

前端性能分析工具Dyna Trace使用心得（转）

前端性能分析工具Dyna Trace使用心得（转）相关推荐

最新文章

热门文章