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 似乎是一个必备的工具。
评论