使用dynatrace-ajax跟蹤JavaScript的性能

更新時(shí)間：2010年04月12日 18:06:49 作者：

DynaTrace 致力于分析后臺(tái)應(yīng)用性能的表現(xiàn)已經(jīng)好幾年了，最近，他們通過(guò)發(fā)布dynaTrace Ajax Edition進(jìn)入了前端性能分析領(lǐng)域. 它是一個(gè)運(yùn)行在IE下的BHO免費(fèi)工具. 雖然我喜歡Firefox和它下面的所有插件，但我知道基于IE的測(cè)試和調(diào)試也是很重要的。

一旦您下載并安裝了DAE (dynaTrace Ajax Edition), 您必須進(jìn)入開(kāi)始菜單里面的程序組，找到dynaTrace。很明顯，首先要做的是錄入一個(gè)url鏈接，接下來(lái)，點(diǎn)擊播放圖標(biāo)的按鈕，選擇“New Run Configuration”，錄入一個(gè)新的URL.

DAE的特點(diǎn)之一是它可以運(yùn)行在多頁(yè)面的工作流之下，你可以輸入起始網(wǎng)址，然后導(dǎo)航到其他網(wǎng)頁(yè)或啟動(dòng)Ajax特性，而DAE在后臺(tái)監(jiān)視一切。當(dāng)您關(guān)閉IE瀏覽器時(shí)，您就可以分析所有DAE收集的信息了.

DAE區(qū)別于其它工具的主要特征：深入分析JavaScript。通過(guò)檢測(cè)事件觸發(fā)和JavaScript API調(diào)用，時(shí)間線被分割成不同部分。它包含了HTTP瀑布圖。另一個(gè)特征是可以保存DAE分析結(jié)果，這樣你可以事后檢查并且和同事分享它。它還有一些其它很有趣的特征，例如，自動(dòng)將精簡(jiǎn)后的源碼格式化，這樣你可以在現(xiàn)場(chǎng)調(diào)試精簡(jiǎn)代碼時(shí)，查看更易懂的版本，你還可以分析CPU占用和頁(yè)面渲染性能

當(dāng)需要分析JavaScript引起的性能問(wèn)題時(shí)，dynaTrace Ajax Edition 包含了從高級(jí)調(diào)用到實(shí)際執(zhí)行的代碼詳細(xì)信息，你可以查看到底是哪一行JavaScript代碼導(dǎo)致了頁(yè)面的性能瓶頸。我建議你測(cè)試一下這個(gè)工具并將它添加到你的性能測(cè)試工具包之中.

【注：原文部分文字被省略，棕色字體為譯者增加】

您可能感興趣的文章:

dynatrace-ajax

相關(guān)文章

微信小程序分包加載的實(shí)現(xiàn)代碼
分包加載是一種小程序優(yōu)化技術(shù),將小程序不同功能的代碼,分別打包成不同的子包,在構(gòu)建時(shí)打包成不同的分包,用戶在使用時(shí)按需進(jìn)行加載,在構(gòu)建小程序分包項(xiàng)目時(shí),構(gòu)建會(huì)輸出一個(gè)或多個(gè)分包,這篇文章主要介紹了微信小程序---分包加載,需要的朋友可以參考下
2024-07-07
限制只能輸入數(shù)字的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇限制只能輸入數(shù)字的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
JS中art-template模板使用過(guò)濾器問(wèn)題
這篇文章主要介紹了JS中art-template模板使用過(guò)濾器問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09
JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象示例
這篇文章主要介紹了JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象,結(jié)合實(shí)例形式分析了JavaScript封閉函數(shù)及常用內(nèi)置對(duì)象的定義與簡(jiǎn)單使用相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
js實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車模塊
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單購(gòu)物車模塊，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-04-04
低代碼從0到1創(chuàng)建小程序項(xiàng)目詳解流程
低代碼作為開(kāi)發(fā)工具類的產(chǎn)品，需要有從0到1體系化的教程才可以，而且還得有教師進(jìn)行輔助。否則，學(xué)習(xí)低代碼是有難度的，入門(mén)很難。因?yàn)榇蠹伊?xí)慣了用代碼編程，一下子過(guò)度到可視化編程，有一個(gè)思路上的轉(zhuǎn)變
2022-08-08
JS實(shí)現(xiàn)拖拽的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)拖拽的方法,結(jié)合實(shí)例形式分析了JS拖拽的實(shí)現(xiàn)原理、實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-12-12
js實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)點(diǎn)名器
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)點(diǎn)名器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
徹底理解JavaScript的原型與原型鏈
原型和原型鏈?zhǔn)莏s中的難點(diǎn)也是重點(diǎn),明白了原型和原型鏈會(huì)讓我們?cè)诤竺娌还苁菍W(xué)習(xí)還是工作都會(huì)更加高效,這篇文章主要給大家介紹了關(guān)于JavaScript原型與原型鏈的相關(guān)資料,需要的朋友可以參考下
2021-10-10
百度地圖API之本地搜索與范圍搜索
地圖服務(wù)是指可以提供數(shù)據(jù)信息的接口，比如說(shuō)本地搜索/路線規(guī)劃等，下面介紹下百度地圖API之本地搜索與范圍搜索的相關(guān)知識(shí)，有需要的小伙伴可以來(lái)學(xué)習(xí)下
2015-07-07