使用dynatrace-ajax跟踪JavaScript的性能_javascript技巧

一旦您下载 并安装了DAE (dynaTrace Ajax Edition), 您必须进入开始菜单里面的程序组，找到dynaTrace。很明显，首先要做的是录入一个url链接，接下来，点击播放图标的按钮，选择“New Run Configuration”，录入一个新的URL.

DAE的特点之一是它可以运行在多页面的工作流之下，你可以输入起始网址，然后导航到其他网页或启动Ajax特性，而DAE在后台监视一切。当您关闭IE浏览器时，您就可以分析所有DAE收集的信息了.

DAE区别于其它工具的主要特征： 深入分析JavaScript。通过检测事件触发和JavaScript API调用，时间线被分割成不同部分。它包含了HTTP瀑布图。另一个特征是可以保存DAE分析结果，这样你可以事后检查并且和同事分享它。它还有一些其它很有趣的特征，例如，自动将精简后的源码格式化，这样你可以在现场调试精简代码时，查看更易懂的版本，你还可以分析CPU占用和页面渲染性能

当需要分析JavaScript引起的性能问题时，dynaTrace Ajax Edition 包含了从高级调用到实际执行的代码详细信息，你可以查看到底是哪一行JavaScript代码导致了页面的性能瓶颈。我建议你测试一下这个工具并将它添加到你的性能测试工具包之中.

 

【注：原文部分文字被省略，棕色字体为译者增加】

时间： 2024-10-30 20:55:03

使用dynatrace-ajax跟踪JavaScript的性能_javascript技巧的相关文章

使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧_javascript技巧

我们再来聊聊Function.apply() 在提升程序性能方面的技巧. 我们先从 Math.max() 函数说起, Math.max后面可以接任意个参数,最后返回所有参数中的最大值. 比如 alert(Math.max(5,8)) //8 alert(Math.max(5,7,9,3,1,6)) //9 但是在很多情况下,我们需要找出数组中最大的元素. var arr=[5,7,9,1] alert(Math.max(arr)) // 这样却是不行的.一定要这样写 function getMa

JavaScript知识点总结之如何提高性能_javascript技巧

JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货. 先给大家巩固下javascript基本语法: javascript基本语法 定义变量统一用var关键字 语法:var 变量名称=变量值 标示符:①.由字母数字下划线构成 不能以数字开头 不能是关键字 严格区分大小写 数据类型: 数值型:number 字符串:string 布尔型:boolean 特殊数据类型:u

IE中jscript/javascript的条件编译_javascript技巧

IE中jscript/javascript的条件编译 作者:JavaScript Kit 译者:子乌(Sheneyan) 翻译日期:2006-02-12 英文原文:Conditional Compilation of JScript/ JavaScript in IE 版权:翻译未经过javascript kit同意,我只对我所翻译的中文部分负责.版权归原作者所有. 条件编译概述 在IE中,有一个鲜为人知的功能叫做条件编译.自从IE4开始支持这个功能,它由于在一些Ajax相关的javascrip

js实现对ajax请求面向对象的封装_javascript技巧

AJAX 是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 在js中使用ajax请求一般包含三个步骤:               1.创建XMLHttp对象               2.发送请求:包括打开链接.发送请求               3.处理响应 在不使用任何的js框架的情况下,要想使用ajax,可能需要向下面一样进行代码的编写 <span style=&qu

提高 DHTML 页面性能_javascript技巧

摘要:本文说明了某些 DHTML 功能对性能的重大影响,并提供了一些提高 DHTML 页面性能的技巧. 目录 简介 成批处理 DHTML 更改 使用 innerText 使用 DOM 添加单个元素 扩展 SELECT 元素中的选项 用 DOM 更新表 编写一次,使用多次 请勿过多使用动态属性 数据绑定很有效 不要在 document 对象中设置 expando 属性 避免切换类和样式规则 查找父项之前,先折叠文本范围 其他资料 简介 动态 HTML (DHTML) 在 Microsoft Int

Javascript级联下拉菜单以及AJAX数据验证核心代码_javascript技巧

虽然也使用了Prototype.js来编写,但是由于对它的不了解,类的实现仍然是使用了<JavaScript高级程序设计>里的方法.使用AJAX进行数据验证时,最初使用的是XML来当数据源,然而在使用了一段时间后,发现XML效率太低,于是又使用JSON来做为数据源. 一年过去了,客户又提出了新的需求,最初是只要输入框的两个数据相符就行,现在的要求是两个下拉菜单的数据也要相符,于是,我利用此机会,将代码重构了一次. 需求: 1.根据下拉菜单产品名称.产品包装的选择,右面的图片要进行相应的变化.

AJAX异步从优酷专辑中采集所有视频及信息（JavaScript代码）_javascript技巧

个人觉得不甚满意,因为VB.NET在.NET环境下执行采集,产生的网络连接与正则匹配消耗太大,而我最终的应用是在视频采集提交上,所以就考虑用JS的AJAX+正则表达式来完成这个目标. 以前一直没有系统地学习JS和正则,所以花费的时间比预想的要长,折腾了一个晚上,糊弄出了下面的代码.=..= 复制代码 代码如下: <!-- 夜闻香原创,转载请保留此信息,万分感谢! 博客: http://clso.cnblogs.com 主页: http://cleclso.cn QQ:315514678 E-ma

JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例_javascript技巧

javascript版本的ajax发送请求 (1).创建XMLHttpRequest对象,这个对象就是ajax请求的核心,是ajax请求和响应的信息载体,单是不同浏览器创建方式不同 (2).请求路径 (3).使用open方法绑定发送请求 (4).使用send() 方法发送请求 (5).获取服务器返回的字符串   xmlhttpRequest.responseText; (6).获取服务端返回的值,以xml对象的形式存储  xmlhttpRequest.responseXML; (7).使用W3C

巧用局部变量提升javascript性能_javascript技巧

javascript中一个标识符所在的位置越深,它的读写速度也越慢.因此,函数中读写局部变量总是最快的,而读写全局变量通常是最慢的.一个好的经验法则是:如果某个跨作用域的值在函数中被引用一次以上,那么就把它存储到局部变量里. 例如: 复制代码 代码如下: <!-- 优化前 --> <script type="text/javascript"> function initUI () { var bd = document.body, links = documen