Suche senden
Hochladen
性能问题的快速定位
•
Als PPTX, PDF herunterladen
•
0 gefällt mir
•
382 views
T
tb-vertical-guide
Folgen
性能问题快速定位,使用yslow和dt方式
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Empfohlen
凡客移动应用之Android + HTML5技术运用 | 凡客 汪健飞 徐金山
凡客移动应用之Android + HTML5技术运用 | 凡客 汪健飞 徐金山
imShining @DevCamp
Img lazy-load
Img lazy-load
liuzhitao2000
Dynamic JS Loader
Dynamic JS Loader
feifeipan
Blazor Component 開發實戰
Blazor Component 開發實戰
Gelis Wu
twMVC#44 讓我們用 k6 來進行壓測吧
twMVC#44 讓我們用 k6 來進行壓測吧
twMVC
美团前端架构简介
美团前端架构简介
pan weizeng
twMVC#32應用 ASP.NET WebAPI2 Odata 建置高互動性 APIS
twMVC#32應用 ASP.NET WebAPI2 Odata 建置高互動性 APIS
twMVC
Asp.net mvc 從無到有 -twMVC#2
Asp.net mvc 從無到有 -twMVC#2
twMVC
Empfohlen
凡客移动应用之Android + HTML5技术运用 | 凡客 汪健飞 徐金山
凡客移动应用之Android + HTML5技术运用 | 凡客 汪健飞 徐金山
imShining @DevCamp
Img lazy-load
Img lazy-load
liuzhitao2000
Dynamic JS Loader
Dynamic JS Loader
feifeipan
Blazor Component 開發實戰
Blazor Component 開發實戰
Gelis Wu
twMVC#44 讓我們用 k6 來進行壓測吧
twMVC#44 讓我們用 k6 來進行壓測吧
twMVC
美团前端架构简介
美团前端架构简介
pan weizeng
twMVC#32應用 ASP.NET WebAPI2 Odata 建置高互動性 APIS
twMVC#32應用 ASP.NET WebAPI2 Odata 建置高互動性 APIS
twMVC
Asp.net mvc 從無到有 -twMVC#2
Asp.net mvc 從無到有 -twMVC#2
twMVC
Mark_Resource
Mark_Resource
ibtesting
前端性能测试
前端性能测试
tbmallf2e
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC
twMVC#43 Visual Studio 2022 新功能拆解
twMVC#43 Visual Studio 2022 新功能拆解
twMVC
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
jay li
twMVC#41 The journey of source generator
twMVC#41 The journey of source generator
twMVC
ASP.Net MVC2 简介
ASP.Net MVC2 简介
Allen Lsy
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 Azure IoT Hub for Smart Factory
twMVC
twMVC#42 讓我們用一種方式來開發吧
twMVC#42 讓我們用一種方式來開發吧
twMVC
前端跨域总结
前端跨域总结
zhangsuoyong
Web storage&web socket&canvas
Web storage&web socket&canvas
molice
輕鬆上手ASP.NET Web API 2.1.2
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢
twMVC
twMVC#43 YARP
twMVC#43 YARP
twMVC
Inline Script
Inline Script
blank zheng
July ppt
July ppt
Conejo Valley Masonic Lodge #807
Linuxguide4f2e
Linuxguide4f2e
tb-vertical-guide
Joycss
Joycss
tb-vertical-guide
Trestle board feb march 2013
Trestle board feb march 2013
Conejo Valley Masonic Lodge #807
La texsymbols a4
La texsymbols a4
Mansoor Fayyaz
01 haziran11 akplilerin yapacak iyi isleri kalmadi
01 haziran11 akplilerin yapacak iyi isleri kalmadi
Üzeyir Lokman ÇAYCI : Artiste, Ecrivain, Poète D.G.S.A.U.E.S.Y.O. - Concepteur industriel - Architecte d'intérieur
Weitere ähnliche Inhalte
Was ist angesagt?
Mark_Resource
Mark_Resource
ibtesting
前端性能测试
前端性能测试
tbmallf2e
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC
twMVC#43 Visual Studio 2022 新功能拆解
twMVC#43 Visual Studio 2022 新功能拆解
twMVC
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
jay li
twMVC#41 The journey of source generator
twMVC#41 The journey of source generator
twMVC
ASP.Net MVC2 简介
ASP.Net MVC2 简介
Allen Lsy
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 Azure IoT Hub for Smart Factory
twMVC
twMVC#42 讓我們用一種方式來開發吧
twMVC#42 讓我們用一種方式來開發吧
twMVC
前端跨域总结
前端跨域总结
zhangsuoyong
Web storage&web socket&canvas
Web storage&web socket&canvas
molice
輕鬆上手ASP.NET Web API 2.1.2
輕鬆上手ASP.NET Web API 2.1.2
Bruce Chen
twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢
twMVC
twMVC#43 YARP
twMVC#43 YARP
twMVC
Inline Script
Inline Script
blank zheng
Was ist angesagt?
(16)
Mark_Resource
Mark_Resource
前端性能测试
前端性能测试
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC#38 How we migrate tfs to git(using azure dev ops)
twMVC#43 Visual Studio 2022 新功能拆解
twMVC#43 Visual Studio 2022 新功能拆解
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
twMVC#33聊聊如何自建 Facebook {廣告} 服務 with API
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
twMVC#41 The journey of source generator
twMVC#41 The journey of source generator
ASP.Net MVC2 简介
ASP.Net MVC2 简介
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 Azure IoT Hub for Smart Factory
twMVC#42 讓我們用一種方式來開發吧
twMVC#42 讓我們用一種方式來開發吧
前端跨域总结
前端跨域总结
Web storage&web socket&canvas
Web storage&web socket&canvas
輕鬆上手ASP.NET Web API 2.1.2
輕鬆上手ASP.NET Web API 2.1.2
twMVC#31網站上線了然後呢
twMVC#31網站上線了然後呢
twMVC#43 YARP
twMVC#43 YARP
Inline Script
Inline Script
Andere mochten auch
July ppt
July ppt
Conejo Valley Masonic Lodge #807
Linuxguide4f2e
Linuxguide4f2e
tb-vertical-guide
Joycss
Joycss
tb-vertical-guide
Trestle board feb march 2013
Trestle board feb march 2013
Conejo Valley Masonic Lodge #807
La texsymbols a4
La texsymbols a4
Mansoor Fayyaz
01 haziran11 akplilerin yapacak iyi isleri kalmadi
01 haziran11 akplilerin yapacak iyi isleri kalmadi
Üzeyir Lokman ÇAYCI : Artiste, Ecrivain, Poète D.G.S.A.U.E.S.Y.O. - Concepteur industriel - Architecte d'intérieur
Cardiovascular disease
Cardiovascular disease
plaqueless
Jasmine
Jasmine
tb-vertical-guide
Hiram award recipients
Hiram award recipients
Conejo Valley Masonic Lodge #807
Knockout js
Knockout js
tb-vertical-guide
Online creche
Online creche
FilipDesmedt
Node分享 展烨
Node分享 展烨
tb-vertical-guide
History of the lodge by buster
History of the lodge by buster
Conejo Valley Masonic Lodge #807
Dolmen DDC Program
Dolmen DDC Program
zohair_ssuet
快速打包工具Quick build
快速打包工具Quick build
tb-vertical-guide
Food processing
Food processing
Sanjay Sinha
estudio de factibilidad de un proyecto
estudio de factibilidad de un proyecto
Yessi Quispe
Demand Control System BMS-Tetrapak
Demand Control System BMS-Tetrapak
zohair_ssuet
Budget presentation 2012
Budget presentation 2012
Anurag Shahi
Andere mochten auch
(19)
July ppt
July ppt
Linuxguide4f2e
Linuxguide4f2e
Joycss
Joycss
Trestle board feb march 2013
Trestle board feb march 2013
La texsymbols a4
La texsymbols a4
01 haziran11 akplilerin yapacak iyi isleri kalmadi
01 haziran11 akplilerin yapacak iyi isleri kalmadi
Cardiovascular disease
Cardiovascular disease
Jasmine
Jasmine
Hiram award recipients
Hiram award recipients
Knockout js
Knockout js
Online creche
Online creche
Node分享 展烨
Node分享 展烨
History of the lodge by buster
History of the lodge by buster
Dolmen DDC Program
Dolmen DDC Program
快速打包工具Quick build
快速打包工具Quick build
Food processing
Food processing
estudio de factibilidad de un proyecto
estudio de factibilidad de un proyecto
Demand Control System BMS-Tetrapak
Demand Control System BMS-Tetrapak
Budget presentation 2012
Budget presentation 2012
Ähnlich wie 性能问题的快速定位
前端性能优化&测试
前端性能优化&测试
tbmallf2e
Dev camps Windows Store App 市集應用程式最佳實踐
Dev camps Windows Store App 市集應用程式最佳實踐
Meng-Ru (Raymond) Tsai
前端性能优化和自动化
前端性能优化和自动化
kaven yan
淘宝网前台应用性能优化实践
淘宝网前台应用性能优化实践
丁 宇
Make your web faster
Make your web faster
德生 谭
快!快!快! 互联网第一条军规
快!快!快! 互联网第一条军规
yangdj
Berserk js
Berserk js
taobao.com
Beyond rails server
Beyond rails server
Michael Chen
高性能网站最佳实践
高性能网站最佳实践
longhao
D2 如何发现前端性能问题
D2 如何发现前端性能问题
aoao
拆分初始化负载
拆分初始化负载
kaven yan
Real time web实时信息流推送
Real time web实时信息流推送
yongboy
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
yongboy
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
alvis-m
Truck js 高性能移动web开发解决方案
Truck js 高性能移动web开发解决方案
美团技术团队
广告前端代码优化
广告前端代码优化
taobao.com
OPOA in Action -- 使用MagixJS简化WebAPP开发
OPOA in Action -- 使用MagixJS简化WebAPP开发
leneli
Spark在苏宁云商的实践及经验分享
Spark在苏宁云商的实践及经验分享
alipay
腾讯大讲堂08 可扩展web架构探讨
腾讯大讲堂08 可扩展web架构探讨
George Ang
Lazyload实践
Lazyload实践
Wu tianhao
Ähnlich wie 性能问题的快速定位
(20)
前端性能优化&测试
前端性能优化&测试
Dev camps Windows Store App 市集應用程式最佳實踐
Dev camps Windows Store App 市集應用程式最佳實踐
前端性能优化和自动化
前端性能优化和自动化
淘宝网前台应用性能优化实践
淘宝网前台应用性能优化实践
Make your web faster
Make your web faster
快!快!快! 互联网第一条军规
快!快!快! 互联网第一条军规
Berserk js
Berserk js
Beyond rails server
Beyond rails server
高性能网站最佳实践
高性能网站最佳实践
D2 如何发现前端性能问题
D2 如何发现前端性能问题
拆分初始化负载
拆分初始化负载
Real time web实时信息流推送
Real time web实时信息流推送
Real-Time Web实时信息流推送
Real-Time Web实时信息流推送
淘宝彩票移动项目开发实践
淘宝彩票移动项目开发实践
Truck js 高性能移动web开发解决方案
Truck js 高性能移动web开发解决方案
广告前端代码优化
广告前端代码优化
OPOA in Action -- 使用MagixJS简化WebAPP开发
OPOA in Action -- 使用MagixJS简化WebAPP开发
Spark在苏宁云商的实践及经验分享
Spark在苏宁云商的实践及经验分享
腾讯大讲堂08 可扩展web架构探讨
腾讯大讲堂08 可扩展web架构探讨
Lazyload实践
Lazyload实践
性能问题的快速定位
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
Jetzt herunterladen