网页加速开源实用工具：GOOGLE Page Speed

在网站开发中，我们做的页面经常会犯一些错误，使页面变得非常大，这样，不但影响客户的反应速度，降低用户的体验，也浪费带宽，提高成本，特别对于流量大的时候，这种浪费通常是可怕的。

最容易出现的问题就是图片非常臃肿，CSS定义效率低等问题。

2009年6月， GOOGLE针对 FIREFOX推出了 Page Speed加速工具，能够分析我们网页的问题。Yahoo也推出过类似工具。

此工具仅支持FIREFOX，我也建议大家用FIREFOX，并且制作网页考虑其兼容性。

先下载 FireBUG插件，http://getfirebug.com/，然后下载 Page Speed插件，安装后再FF右下有个蜘蛛的图形，可以对页面进行分析。

我们可以看一个下面截图的例子，可以看出，这个站点的图片容量可以优化100K，接近50%，出现这个问题的主要原因是对大图进行强制定义大小，而没有再次生成。

具体的功能看自王丽娟翻译的一篇文章：http://www.infoq.com/cn/news/2009/06/Page-Speed

//-------------------------------------------------------------------------------引用！

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

Tags - google , firefox , 网页加速 , firebug , opensource

Link URL: http://www.netxiong.com/read.php/88.htm

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/756014/viewspace-609884/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/756014/viewspace-609884/