最近学习了关于 goolge 公布的关于服务器端的一些优化规则,做网站就是为了提高用户的体验度,所以网站的访问性能很重要,虽然现在宽带比以前增大了很多,但是现在的页面也丰富了很多对客户端及其服务器的要求也就增加的很多。

Google刚刚开源了Page Speed,这是一个 Google优化其网站,特别是加速网页加载的内部工具。

Page Speed是运行在Firebug(其实fire bug 还有很多的使用工具,下次我下次我下个文章专门介绍)里的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似乎是一个必备的工具。