开始分析之前运行配置和预置功能
jquery ajax例子dynaTrace使用被称为运行配置的方式，使你可以直接浏览你要分析的网站而不用每次都要在你的浏览器里键入url。你可以通过左上角工具栏中的下拉菜单来管理你的运行配置（添加新的、修改或者删除现有的配置）。选择Manage Run Configuration来预置
le网站，参看下面的截图：
管理网址
如截图所示，也可以让dynaTrace在开始追踪网站之前情空浏览器缓存。这一功能在你要测试你的网站在没有缓存的情况下运行的怎么样时非常有用。另外一件重要的事是通过点击工具栏最右侧的按钮可以启动Preference（预置）对话框。
在Preference对话框中启用捕捉参数
你可以在这里指定多个不同的配置。值得注意的是那个开启/关闭捕捉JavaScript和DOM 方法调用的选项，以及开启/关闭Javascript一般追踪的选项。在下面的练习里，请勾选“Capture arguments”以及“Capture full JavaScript call trace”选项。
第三步：开始分析Google Maps
让我们开始吧。你既可以通过选择工具栏中的Google运行配置，或者点击欢迎界面的“Start Tracing”，再或者直接按F4快捷键来启动软件。接下来，dynaTrace将启动一个IE的新窗口。如果你选择了清除浏览器缓存，dynaTrace将在打开le之前开始执行这个操作（这可能会占用几秒钟的时间）。你可以通过浏览器程序图标是否改变来判断dynaTrace此时是否正在追踪页面执行过程——你会在浏览器窗口的左上角看到一个小dynaTrace图标，以及一个dynaTrace工具栏显示“已连接”：
通过dynaTrace启动浏览器
如果你没有看到这种情况出现，请到论坛的General Usage Question（译者注：常见使用问题）版块查询故障排除技巧，或者通过在线反馈或论坛。接下来，请跟我完成这些步骤：
1.在搜索框里一字一顿的键入“dynaTrace”——每次输入，你都会看到弹出Google的搜索建
议框
搜索“dynaTrace”
1.完成输入后，按回车键或者点击Google Search按钮；
2.当出现搜索结果后，点击页面顶部的“Maps”链接，切换到Google Maps；
3.你将看到很多关于dynaTrace地点的搜索结果。点击在“95Hayden Avenue,Lexington,MA”
的“dynaTrace Software”，让地图显示这个地址。
用Google Maps搜索dynaTrace
这是我的测试结果。在我们关闭浏览器之前，你可以快速看一下dynaTrace软件界面，你会看到在“Bo
wsers”下面有一个节点，那就是当前正在从IE中收集的信息。我们可以在运行浏览器的同时分析这些数据，也可以关闭浏览器，然后再分析我们捕获的。让我们动手分析吧——关闭浏览器，切换回dynaTrace AJAX软件界面。
第四步：Summary视图（摘要视图）——高级分析
浏览器中记录的事件被自动存储在一个session（译者注：会话）中，我们可以在浏览器关闭的情况下分析这些被捕获的浏览器活动记录。在左侧cockpit面板中，你可以双击session，或者展开这个session节点，双击Summary节点。这两种操作都会启动Summary视图，它为我们呈现session记录中所有活动的高级分析结果：
Summary视图显示每个访问过的URL的高级分析结果
Summary视图显示了session记录中所有访问过的URL链接的信息。点击顶部表格中某个具体的url下方就会更新图表和时间线来显示所选链接的数据。在这个视图中我们可以得到以下信息：
∙载入页面所耗时间：Page Load Time[ms]（页面载入时间[毫秒]）栏显示从页面开始载入到浏览器派发onload事件所经历的时间；
∙网络请求花了多长时间：下方NetWork饼图从DNS解析、网络连接、服务器响应以及网络传输方面详细分解网络请求过程，由于网络内容在这段时间里是并行下载的，所以
NetWork[ms]栏则显示的是所有网络请求时间的总和；
∙下载了多少以及什么类型的资源文件，对比有多少资源是从浏览器缓存读取的（Resource 条形图）；
∙通过JavaScript触发器（脚本载入、载入完毕、鼠标、键盘等事件）和JavaScript API或库执行的所有JavaScript函数一共耗时多长时间；
∙渲染页面所占时间。浏览器必须计算布局并渲染页面显示。浏览器重新计算布局和重绘的时间取决于你的HTML、样式表以及动态DOM操作。Rendering[ms]栏显示了页面在渲染工作上实际消耗的时间。
∙屏幕下方的时间轴图显示精确的页面生命周期：该图反映了页面进程中网络资源下载、JavaScript执行、页面发生渲染的时间，CPU占用情况，以及发生了哪些事件。例如：onLoad 事件、鼠标或键盘交互、XmlHttpRequests等。
在我们的例子中，以下内容引起了我的注意：
le页面的页面载入时间为6.5秒：这是页面在派发onload事件之前浏览器
初始化html和所有引用的对象所消耗的时间；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。