InfoQ: Google开源网页加速工具Page Speed

来源：百度文库 编辑：神马文学网 时间：2024/10/06 07:25:03

Google开源网页加速工具Page Speed

作者 Abel Avram 译者 王丽娟 发布于 2009年6月7日 上午10时3分

社区
Architecture
主题
性能和可伸缩性
标签
Firefox,
Google,
Firebug

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选择器

这些建议根据优先级排列。比如说，在加载Facebook的主页时，已知的高优先级建议是：“在文件头部先包含外部的JavaScript文件，然后再将外部的CSS文件包含进来。为了保证并行下载CSS文件，始终要在包含外部JavaScript之前先包含外部CSS。”

Page Speed的活动版面显示了所有浏览器的活动，包括网络事件和JavaScript代码完成的时间（单位：毫秒）。要想看看在尝试加载特定页面时，浏览器在哪里花费了最多的时间，这是非常有用的。总之对Web开发人员来说，Page Speed似乎是一个必备的工具。

查看英文原文：Google Has Open Sourced Page Speed

InfoQ: Google开源网页加速工具Page Speed 谈 Page Rank – Google 的民主表决式网页排名技术 GOOGLE PAGE 制作教程 2SIMPLE: Google Page Creator 2SIMPLE: Google Page Creator InfoQ: 开源技术选型手册 网页工具 InfoQ: Google图表及gchartrb初探 MZ CPU 加速工具 High Speed Google Earth Pro Gold---6 Mirrors ... google优化动态生成的网页可能导致抓取工具无法收录 Enable Google Cached Page Firefox Extension Google Page使用技巧系列（一） Google shows coders new home page abilities |... Google Page使用技巧系列（一） 叹为观止的网页工具 各类网页工具 叹为观止的网页工具 有趣的网页工具 常用的网页工具 Google关键字工具 如何看待Google将取消Page Rank（PR值） BlogJava - 成都心情（Full Speed） - Google 搜索之 WebService 篇 在线网页截图工具介绍