SlideShare una empresa de Scribd logo
1 de 60
Miller 2010.12 WPO 工具概览 从入门到精通
百度旗下购物网站 WED - WPO 优化方法回顾
百度旗下购物网站 WED - WPO 页面级别 优化 减少 HTTP 请求数 并行下载 加快渲染
百度旗下购物网站 WED - WPO 代码 级别 优化 HTML 优化(减小体积) CSS 优化(减小体积、选择符性能、图片合并) JS 优化(减小体积、代码性能) 图片优化(压缩) 正则优化
百度旗下购物网站 WED - WPO 分类 客户端 插件 Web 傻瓜型 手动型 页面型 代码型
百度旗下购物网站 WED - WPO 熟悉   陌生 顺序
百度旗下购物网站 WED - WPO 侧重点:性能
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO 瀑布图
百度旗下购物网站 WED - WPO Javascript 函数执行概况
百度旗下购物网站 WED - WPO YSlow 爱问 Why ,爱傻瓜式 爱教条,也爱数据 最爱给你打分 我不是什么神器 我只是个 Firebug 插件 我是 YSlow
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO PageSpeed 爱高性能,爱打分 我不是另一个 YSlow 我有自己的原则 我不仅仅是一个 Firebug 插件 我还是 Apache Module 我是 PageSpeed
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO 规则 基准
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO Timeline
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO neXpert
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO Report
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO Timeline
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO PurePaths
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO HotSpot
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO Developer Tool
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO Speed Tracer
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO http://www.webpagetest.org/
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
百度旗下购物网站 WED - WPO
Miller 2010.11 非常感谢

Más contenido relacionado

Destacado

moon-Patient Care Networks of Alabama
moon-Patient Care Networks of Alabamamoon-Patient Care Networks of Alabama
moon-Patient Care Networks of AlabamaNASHP HealthPolicy
 
Streamlining Eligibility and Enrollment: Models for Health Reform Implementation
Streamlining Eligibility and Enrollment: Models for Health Reform ImplementationStreamlining Eligibility and Enrollment: Models for Health Reform Implementation
Streamlining Eligibility and Enrollment: Models for Health Reform ImplementationNASHP HealthPolicy
 
Health Care Reform: Primary Care and Behavioral Health Integration
Health Care Reform:  Primary Care and Behavioral Health IntegrationHealth Care Reform:  Primary Care and Behavioral Health Integration
Health Care Reform: Primary Care and Behavioral Health IntegrationNASHP HealthPolicy
 
Presentac...pptlab anato
Presentac...pptlab anatoPresentac...pptlab anato
Presentac...pptlab anatoisapekis
 
SuntrupAutomotiveFamily.com_AAA Traffic Safety Index
SuntrupAutomotiveFamily.com_AAA Traffic Safety IndexSuntrupAutomotiveFamily.com_AAA Traffic Safety Index
SuntrupAutomotiveFamily.com_AAA Traffic Safety IndexSuntrup Kia
 
LIS 680 podcasting lesson part 2
LIS 680 podcasting lesson part 2LIS 680 podcasting lesson part 2
LIS 680 podcasting lesson part 2Kate Kosturski
 
120417 sses - kvittar - anna ag
120417   sses - kvittar - anna ag120417   sses - kvittar - anna ag
120417 sses - kvittar - anna agAnna Oscarsson
 
Flickr pres
Flickr presFlickr pres
Flickr presDGAdv400
 
λιθάνθρακας
λιθάνθρακαςλιθάνθρακας
λιθάνθρακαςteo70
 
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...Colorado Department of Health Care Policy and Financing NASHP: Making Quality...
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...NASHP HealthPolicy
 
κοάλα
κοάλακοάλα
κοάλαteo70
 
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...NASHP HealthPolicy
 
weems-Texas Medicaid Health Home Pilot Project Evaluation Methods
weems-Texas Medicaid Health Home Pilot Project Evaluation Methodsweems-Texas Medicaid Health Home Pilot Project Evaluation Methods
weems-Texas Medicaid Health Home Pilot Project Evaluation MethodsNASHP HealthPolicy
 
Businessclub VV Schoonhoven
Businessclub VV SchoonhovenBusinessclub VV Schoonhoven
Businessclub VV Schoonhovenpjboringa
 
Market Match Capabilities
Market Match CapabilitiesMarket Match Capabilities
Market Match Capabilitiesbaclapp
 

Destacado (20)

moon-Patient Care Networks of Alabama
moon-Patient Care Networks of Alabamamoon-Patient Care Networks of Alabama
moon-Patient Care Networks of Alabama
 
Streamlining Eligibility and Enrollment: Models for Health Reform Implementation
Streamlining Eligibility and Enrollment: Models for Health Reform ImplementationStreamlining Eligibility and Enrollment: Models for Health Reform Implementation
Streamlining Eligibility and Enrollment: Models for Health Reform Implementation
 
Reading and writing
Reading and writingReading and writing
Reading and writing
 
Health Care Reform: Primary Care and Behavioral Health Integration
Health Care Reform:  Primary Care and Behavioral Health IntegrationHealth Care Reform:  Primary Care and Behavioral Health Integration
Health Care Reform: Primary Care and Behavioral Health Integration
 
Presentac...pptlab anato
Presentac...pptlab anatoPresentac...pptlab anato
Presentac...pptlab anato
 
SuntrupAutomotiveFamily.com_AAA Traffic Safety Index
SuntrupAutomotiveFamily.com_AAA Traffic Safety IndexSuntrupAutomotiveFamily.com_AAA Traffic Safety Index
SuntrupAutomotiveFamily.com_AAA Traffic Safety Index
 
Presentation1
Presentation1Presentation1
Presentation1
 
Série maxximum
Série maxximumSérie maxximum
Série maxximum
 
Skank
SkankSkank
Skank
 
LIS 680 podcasting lesson part 2
LIS 680 podcasting lesson part 2LIS 680 podcasting lesson part 2
LIS 680 podcasting lesson part 2
 
120417 sses - kvittar - anna ag
120417   sses - kvittar - anna ag120417   sses - kvittar - anna ag
120417 sses - kvittar - anna ag
 
Flickr pres
Flickr presFlickr pres
Flickr pres
 
λιθάνθρακας
λιθάνθρακαςλιθάνθρακας
λιθάνθρακας
 
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...Colorado Department of Health Care Policy and Financing NASHP: Making Quality...
Colorado Department of Health Care Policy and Financing NASHP: Making Quality...
 
κοάλα
κοάλακοάλα
κοάλα
 
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...
Wendy Davis: Leveraging Public Health Capacity to Improve Health System Effic...
 
Bm
BmBm
Bm
 
weems-Texas Medicaid Health Home Pilot Project Evaluation Methods
weems-Texas Medicaid Health Home Pilot Project Evaluation Methodsweems-Texas Medicaid Health Home Pilot Project Evaluation Methods
weems-Texas Medicaid Health Home Pilot Project Evaluation Methods
 
Businessclub VV Schoonhoven
Businessclub VV SchoonhovenBusinessclub VV Schoonhoven
Businessclub VV Schoonhoven
 
Market Match Capabilities
Market Match CapabilitiesMarket Match Capabilities
Market Match Capabilities
 

Similar a WPO工具概览

中小互联网公司服务端优化实践
中小互联网公司服务端优化实践中小互联网公司服务端优化实践
中小互联网公司服务端优化实践moonbingbing
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週My own sweet home!
 
5购物党
5购物党5购物党
5购物党36Kr.com
 
B2 b网站研究tradekey.com
B2 b网站研究tradekey.comB2 b网站研究tradekey.com
B2 b网站研究tradekey.comjunxing han
 
电商优化新思路-城市掘金 By Boson
电商优化新思路-城市掘金 By Boson电商优化新思路-城市掘金 By Boson
电商优化新思路-城市掘金 By Bosonboson600
 
City nugget—城市掘金 v2
City nugget—城市掘金 v2City nugget—城市掘金 v2
City nugget—城市掘金 v2Darwin Marketing
 

Similar a WPO工具概览 (6)

中小互联网公司服务端优化实践
中小互联网公司服务端优化实践中小互联网公司服务端优化实践
中小互联网公司服务端优化实践
 
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週行動開店   交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
行動開店 交易與支付 APPZ - 101-1學期 行動商務管理實務 第六週
 
5购物党
5购物党5购物党
5购物党
 
B2 b网站研究tradekey.com
B2 b网站研究tradekey.comB2 b网站研究tradekey.com
B2 b网站研究tradekey.com
 
电商优化新思路-城市掘金 By Boson
电商优化新思路-城市掘金 By Boson电商优化新思路-城市掘金 By Boson
电商优化新思路-城市掘金 By Boson
 
City nugget—城市掘金 v2
City nugget—城市掘金 v2City nugget—城市掘金 v2
City nugget—城市掘金 v2
 

WPO工具概览

Notas del editor

  1. 工具种类非常多,尝试着分类介绍,怎么分也分不出来合理的顺序
  2. 简单按大家熟悉程度来讲,从熟悉到不熟悉
  3. 本 Topic 中出现的各种神器都有强大的功能,但是由于时间有限,本 Topic 中都集中在性能优化方面讨论。
  4. 分为原生支持功能和插件功能
  5. Firebug 的插件, Yahoo 出品 关于 YSlow 的 Y – Yahoo / Why
  6. Firebug 相关的在 Firefox 上使用方便,但是不适用于其他浏览器 YSlow 、 PageSpeed 都可以给页面打分,依据的都是各自的标准和算法,因此同一个页面用两个工具评判出来的结果可能并不相同。使用工具的时候注意比较同一个工具的结果。
  7. 微软出品的代理性质的工具,适用于 IE 以及 IE 之外的很多浏览器
  8. 付费, IE 、 Firefox 插件
  9. 瀑布图
  10. 时间图
  11. 页面事件
  12. 性能提示
  13. 性能提示
  14. 为性能优化而生的工具,免费而高级
  15. 在 Summary Tab 中展示页面在各个方面的排名情况,并可以在与其他网站的比较中显示当前页面所处于的水平,具体的性能方面包括:总体、缓存、网络、服务器、 Javascript
  16. 在 Report 页面中,除了 Summary Tab 之外,对于每一个性能部分都有独立的 Tab ,每个 Tab 中都列出了详细的性能优化提示。本图是 Javascript Tab 的截图,显示了 Javascript 性能的排名、显示了执行时间操作 20ms 的 Javascript 代码段。
  17. 与前面介绍的工具的 Timeline 不同,这里是按域名的方式展示的,某个请求消耗的时间长短很容易可以看到。此外,还能同时显示 CPU 消耗、 Javascript 执行以及页面渲染的情况。