0
性能问题的快速定位dynaTrace by 亚城
性能问题的原因 影响到页面的加载、渲染…,比如图片  资源过多、脚本问题等等,这是需要解  决的 影响到页面打分,但针对业务很难做出  优化,自己需要权衡一下
dynaTrace简介   3.6
配置浏览器   FF需要10~11
配置运行页面
扣分规则   http://wiki.ued.taobao.net/doku.php?id=user:yach    eng:dynatrance   4个kpi占 60%    ◦   first imporession time    ...
first imporession time   首屏时间/页面开始绘制的时间,页面    第一次drowing的时间   这个点是页面开始渲染,这个点比较重    要
onload time   脚本在页面后执行    onload/KISSY.ready
加载后的方法执行 会影响打分 与此类似,total load time意义不是很  大
实践一下   某页面
首先看看js   时常超过20毫秒都会列出来
查看具体损耗
PurePaths   一级一级找损耗性能的地方
一层一层的找 比如在循环上的损耗 异步操作的等待 等等
查看时间线
性能问题排查记录 爱逛街detail v1(0~85) http://demo.ued.taobao.net/sunzhao.pt  /myTest/20120222_kissy1.2.0_dynatra  ce/demo2.html 爱...
Detail的人肉查找
对单个模块进行性能检测 针对较复杂的js逻辑 可以在一个空页面上用工具测一下
最后   工具测出的时间每次会有偏差,所以测    试结果可以作为参考,没必要过于追求    分数
Q&A
Upcoming SlideShare
Loading in...5
×

性能问题的快速定位

286

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
286
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "性能问题的快速定位"

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

    Clipping is a handy way to collect important slides you want to go back to later.

×