性能问题快速定位，使用yslow和dt方式

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

2. 性能问题的原因
 影响到页面的加载、渲染…，比如图片
资源过多、脚本问题等等，这是需要解
决的
 影响到页面打分，但针对业务很难做出
优化，自己需要权衡一下

3. dynaTrace简介
 3.6

4. 配置浏览器
 FF需要10~11

5. 配置运行页面

6. 扣分规则
 http://wiki.ued.taobao.net/doku.php?id=user:yach
eng:dynatrance
 4个kpi占 60%
◦ first imporession time
◦ onload time
◦ total load time
◦ 请求数量
 4类标准占 40%，各占10%
◦ 浏览器缓存
◦ 网络资源
◦ JavaScript/Ajax
◦ 服务器端

7. first imporession time
 首屏时间/页面开始绘制的时间，页面
第一次drowing的时间
 这个点是页面开始渲染，这个点比较重
要

8. onload time
 脚本在页面后执行
onload/KISSY.ready

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

10. 实践一下
 某页面

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

12. 查看具体损耗

13. PurePaths
 一级一级找损耗性能的地方

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

15. 查看时间线

16. 性能问题排查记录
 爱逛街detail v1（0~85）
 http://demo.ued.taobao.net/sunzhao.pt
/myTest/20120222_kissy1.2.0_dynatra
ce/demo2.html
 爱逛街detail v2（85~91）
 http://demo.ued.taobao.net/sunzhao.pt
/myTest/20120331_love_jie_item_deta
il_v2_dynatrace/demo.html

17. Detail的人肉查找

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

19. 最后
 工具测出的时间每次会有偏差，所以测
试结果可以作为参考，没必要过于追求
分数

20. Q&A