09-6
8

体验Google开源网页加速器Page Speed

发布:TerryLee | 分类:技术文章

Google刚刚开源了Page Speed,这是一个Google优化其网站,特别是加速网页加载的内部工具。Page Speed是运行在Firebug里的Firefox插件。该工具可以运行在Linux、Mac和Windows XP/Vista之上。Page Speed在运行时会分析一些Web服务器配置和服务器上下载下来的代码,还会创建一个结果列表,其中包括如何改进网页的建议。分析基于一个分为五类的最佳实践列表:

优化缓存——让你应用的数据和逻辑完全避免使用网络
减少回应时间——减少一连串请求-响应周期的数量
减小请求大小——减少上传大小
减小有效负荷大小——减小响应、下载和缓存页面的大小
优化浏览器渲染——改善浏览器的页面布局

这些实践考虑了页面加载时间,以及发出页面请求到客户端看到结果之间的时间。页面加载时间包括创建TCP连接、解析DNS名称、发送请求、获取(包括来自于缓存的)资源、执行脚本、渲染。该工具提出的建议有:

避免使用CSS表达式
结合使用外部的CSS
结合外部的JavaScript
推迟JavaScript的加载
启用gzip压缩
利用浏览器缓存
利用代理缓存
减少JavaScript
减小Cookie大小
减少DNS查找
减少重定向
优化图片
优化样式和脚本的顺序
跨主机名并行下载
将CSS放在文件头部
删除用不到的CSS
始终从一个URL为资源提供服务
在没有Cookie的域里处理静态内容
指定图片尺寸
使用有效率的CSS选择器

同时Page Speed还提供了一个活动面板,在该活动面板中显示了所有浏览器的活动,包括网络事件和JavaScript代码完成的时间(单位:毫秒)。要想看看在尝试加载特定页面时,浏览器在哪里花费了最多的时间,这是非常有用的。

以下是分析我的个人Blog时,给出的优化建议,其中红色的“叹号”图标表示最高优先级:

Terrylee_Page_Speed_001

以下是录制的网页活动:

Terrylee_Page_Speed_002 

关于如何使用Page Speed,可以参考:http://code.google.com/speed/page-speed/docs/using.html

Page Speed主页:http://code.google.com/speed/page-speed/index.html

当前评分 5.0 , 共有 3 人参与

  • Currently 5/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

评论

添加评论


 

biuquote
  • 评论
  • 在线预览
Loading