Page Speed

一、一段来自Google Code的话：

 

 

什么是 Page Speed？

 

Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能，并获得有关如何改进性能的建议。

Page Speed 是如何工作的？

Page Speed 对网站的网络服务器配置和前端代码执行若干测试。这些测试基于一组已知可增强网页性能的最佳实践。在网页上运行 Page Speed 的网站管理员会获得一组针对各网页的分数，以及有关如何改善网页性能的有用建议。

为什么要使用 Page Speed？

利用 Page Speed，您可以：

• 使您的网站更快速。
• 使互联网用户始终关注您的网站。
• 减少您的带宽成本和托管成本。
• 改善网络！

 

二、Page Speed的安装

 

   http://code.google.com/intl/zh-CN/speed/page-speed/download.html

 

三、Page Speed的运行

 

   先感性认识下Page Speed

 

 点击Analyze Performance  (性能分析)

 

 

 

在运行Page Speed这个工具时, 它会基于页面的状况生成分析结果. 为了确保最精确的分析结果, 你最好在页面完全载入完成后再运行Page Speed. 否则, Page Speed无法分析那些还没有载入的资源的情况.

或者你可以选择激活 当载入完成后自动运行选项 而让Page Speed在任何页面载入完成后自动进行分析. 具体可参照下文中 高级选项 .

如何使用 Page Speed 对页面进行分析:

1. 运行Firefox.

2. 选择 工具 > Firebug > 打开Firebug.

3. 在FireBug窗口中, 选择 Page Speed 页签.

4. 访问你需要进行分析的页面. 等到浏览器状态栏里显示 完成 并且进度条消失的时候开始使用Page Speed. 如果页面上因为有流媒体视频而没有显示 完成 信息的情况下, 等到视频开始播放时就可以开始使用Page Speed了

 

5. 点击 性能分析(Analyze Performance). 当页面分析完成时, Page Speed会显示 网页性能最佳实践 的列表和当前页面针对每项结果的得分, 结果是按照当前页面的重要性和优先级排列的.

 

 

6. 接下来就可以做以下这些事情了:

   1). 点击打开任意规则来看可改进的建议.

   2). 点击任何规则的标题来看针对该规则的文档.

   3). 点击 资源 展示当前页面引用的资源的详细列表.

   4). 选择 导出 > 生成JSON文件 把分析结果导出成为JSON格式的文件.

   5). 选择 导出 > 发送得分到www.showslow.com 把分析的得分传送给show slow网站, show slow是一个开源的基于web的工具, 用来收集从Page Speed获得的性能参数. 如果想知道更多关于发送给Show Slow的数据的信息的话, 可以参考Page Speed开源项目的 minimalBeacon页面上的Beacon文档. 

 

 

 

四、对于Page Speed性能得分的注解

对于每个规则, Page Speed都会给出针对性的改进建议, 并且会给当前页面一个基于一些因素的算法的”分数”.当然它也会给出当前页面的一个整体性能得分.

1、对于每个规则得分的注解

对 于每个规则, 都会有两种得分: 一个100以内的数字分数; 和一个绿, 黄, 红的颜色分数.数字分数是一种原始得分, 用来标注当前页面在当前规则下的表现, 得分基于某些量化的维度, 例如, DOM元素的总数, 或者下载的文件数. 颜色分数是综合了数字得分和该条规则的权重, 这是一个综合了潜在影响因素和实施难度的复合参数.这就意味着没有数值得分和颜色得分之间一对一的对应关系. 比如, 一个得分是0/100的情况转换到颜色得分是是一个黄色的颜色分值, 如果该条规则的权重没有那么高的话. 因此, 你应该总是以颜色分数作为更权威的判断依据.

以下是颜色得分的说明:

 高优先级. 这些建议意味着相对小的开发成本就能换来非常大的潜在性能提升. 你应该首要关注这些条目.

 中优先级. 这些建议意味着较小的产出或者比较大的实施难度, 你应当次要关注这些条目.

 状况良好的或者低优先级的. 如果有显示相关建议的 (显示一个+号), 那他们或许只有非常小的产出. 你可以在你完成了更高优先级的建议之后再来审视这些条目.

 仅仅只是些信息.可能是这些条目无法在当前页面应用或者在测试过程中出了些小问题. 提示: 如果你测试的结果中有大量的信息的话, 很可能是因为你在完全载入前就试着分析这个页面了. 这时可以点击 重新分析 来重新进行页面分析.

2、对于总体得分的注解

Page Speed还给出了一个总体的数字得分和颜色得分. 数字得分是当前页面所有数字得分的结算结果, 基于所有规则的权重(包括和蓝色的信息, 就是没有得分的条目). 颜色得分是基于绿,黄,红色结果的数量根据一定规则计算出来的. 

 

 

四、Page Speed压缩js文件

把Page Speed解压到D盘

 

使用以下命令压缩文件

 

详尽的使用说明：

     http://code.google.com/intl/zh-CN/speed/page-speed/docs/using_firefox.html

 

 

     http://blog.csdn.net/zergskj/article/details/6180322