wpo工具概览

WPO 工具概览

Miller 2010.12

从入门到精通

百度旗下购物网站

WED - WPO

优化方法回顾优化方法回顾


WED - WPO

页面级别优化

页面级别优化

减少 HTTP 请求数减少 HTTP 请求数

并行下载并行下载

加快渲染加快渲染


WED - WPO

代码级别优化

代码级别优化

HTML 优化（减小体积）HTML 优化（减小体积）

CSS 优化（减小体积、选择符性能、图片合并）CSS 优化（减小体积、选择符性能、图片合并）

JS 优化（减小体积、代码性能）JS 优化（减小体积、代码性能）

图片优化（压缩）图片优化（压缩）

正则优化正则优化


WED - WPO

分类分类

客户端客户端

插件插件 WebWeb

傻瓜型傻瓜型

手动型手动型页面型页面型

代码型代码型


WED - WPO

熟悉陌生熟悉陌生顺序顺序


WED - WPO

侧重点：性能侧重点：性能


WED - WPO


WED - WPO

瀑布图瀑布图


WED - WPO

Javascript 函数执行概况Javascript 函数执行概况


WED - WPO

YSlow爱问 Why ，爱傻瓜

式爱教条，也爱数据最爱给你打分

我不是什么神器我只是个 Firebug 插

件我是 YSlow


WED - WPO


WED - WPO

PageSpeed爱高性能，爱打分

我不是另一个 YSlow我有自己的原则

我不仅仅是一个 Firebug 插件我还是 Apache Module

我是 PageSpeed


WED - WPO


WED - WPO

规则基准规则基准


WED - WPO


WED - WPO

TimelineTimeline


WED - WPO


WED - WPO

neXpertneXpert


WED - WPO


WED - WPO

ReportReport


WED - WPO


WED - WPO

TimelineTimeline


WED - WPO


WED - WPO

PurePathsPurePaths


WED - WPO


WED - WPO

HotSpotHotSpot


WED - WPO


WED - WPO

Developer Tool

Developer Tool


WED - WPO


WED - WPO

Speed Tracer


WED - WPO


WED - WPO

http://www.webpagetest.org/

http://www.webpagetest.org/


WED - WPO

非常感谢

Miller 2010.11

wpo工具概览

Documents