Download - 性能问题的快速定位
![Page 1: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/1.jpg)
性能问题的快速定位dynaTrace by 亚城
![Page 2: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/2.jpg)
性能问题的原因影响到页面的加载、渲染…,比如图
片资源过多、脚本问题等等,这是需要解决的
影响到页面打分,但针对业务很难做出优化,自己需要权衡一下
![Page 3: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/3.jpg)
dynaTrace 简介3.6
![Page 4: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/4.jpg)
配置浏览器FF 需要 10~11
![Page 5: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/5.jpg)
配置运行页面
![Page 6: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/6.jpg)
扣分规则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◦ 服务器端
![Page 7: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/7.jpg)
first imporession time首屏时间 / 页面开始绘制的时间,页面
第一次 drowing 的时间
这个点是页面开始渲染,这个点比较重要
![Page 8: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/8.jpg)
onload time脚本在页面后执行
onload/KISSY.ready
![Page 9: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/9.jpg)
加载后的方法执行会影响打分与此类似, total load time 意义不是
很大
![Page 10: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/10.jpg)
实践一下某页面
![Page 11: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/11.jpg)
首先看看 js时常超过 20 毫秒都会列出来
![Page 12: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/12.jpg)
查看具体损耗
![Page 13: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/13.jpg)
PurePaths一级一级找损耗性能的地方
![Page 14: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/14.jpg)
一层一层的找比如在循环上的损耗异步操作的等待等等
![Page 15: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/15.jpg)
查看时间线
![Page 16: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/16.jpg)
性能问题排查记录爱逛街 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
![Page 17: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/17.jpg)
Detail 的人肉查找
![Page 18: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/18.jpg)
对单个模块进行性能检测针对较复杂的 js 逻辑可以在一个空页面上用工具测一下
![Page 19: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/19.jpg)
最后工具测出的时间每次会有偏差,所以
测试结果可以作为参考,没必要过于追求分数
![Page 20: 性能问题的快速定位](https://reader033.vdocuments.site/reader033/viewer/2022061221/54bd87be4a7959913b8b45f1/html5/thumbnails/20.jpg)
Q&A