• Like
性能问题的快速定位
Upcoming SlideShare
Loading in...5
×

性能问题的快速定位

  • 263 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
263
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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