性能问题的快速定位dynaTrace by 亚城

性能问题的原因影响到页面的加载、渲染…，比如图

片资源过多、脚本问题等等，这是需要解决的

影响到页面打分，但针对业务很难做出优化，自己需要权衡一下

dynaTrace 简介3.6

配置浏览器FF 需要 10~11

配置运行页面

扣分规则http://wiki.ued.taobao.net/doku.php?id=us

er:yacheng:dynatrance

4 个 kpi 占 60%◦ first imporession time◦ onload time◦ total load time◦ 请求数量

4 类标准占 40% ，各占 10%◦ 浏览器缓存◦ 网络资源◦ JavaScript/Ajax◦ 服务器端

first imporession time首屏时间 / 页面开始绘制的时间，页面

第一次 drowing 的时间

这个点是页面开始渲染，这个点比较重要

onload time脚本在页面后执行

onload/KISSY.ready

加载后的方法执行会影响打分与此类似， total load time 意义不是

很大

实践一下某页面

首先看看 js时常超过 20 毫秒都会列出来

查看具体损耗

PurePaths一级一级找损耗性能的地方

一层一层的找比如在循环上的损耗异步操作的等待等等

查看时间线

性能问题排查记录爱逛街 detail v1 （ 0~85 ）http://demo.ued.taobao.net/sunz

hao.pt/myTest/20120222_kissy1.2.0_dynatrace/demo2.html

爱逛街 detail v2 （ 85~91 ）http://demo.ued.taobao.net/sunz

hao.pt/myTest/20120331_love_jie_item_detail_v2_dynatrace/demo.html

Detail 的人肉查找

对单个模块进行性能检测针对较复杂的 js 逻辑可以在一个空页面上用工具测一下

最后工具测出的时间每次会有偏差，所以

测试结果可以作为参考，没必要过于追求分数

Q&A