谷歌pagespeed安装使用及页面详解.docVIP

谷歌page speed 安装使用及页面问题详解 谷歌page speed目前只支持谷歌浏览器和火狐浏览器（火狐浏览器下载地址 HYPERLINK /download/ /download/） 安装好火狐浏览器和谷歌浏览器。 我们以火狐浏览器为例（相对于谷歌火狐更适合中国用户本人感觉） 1.打开火狐浏览器，左上角进入菜单选项，选择附加组件进入组件界面搜索firebug，搜索结果中的第一个就是了，点右边的安装按钮进行安装。图1图2 2.安装好后下载pages speed进行安装。下载地址： HYPERLINK /speed/pagespeed/insights_extensions?hl=en /speed/pagespeed/insights_extensions?hl=en 图3 （用火狐浏览器下载，360等下载的会报错） 3下载到电脑上后直接安装，有提示选是就可以了。安装好后火狐工具栏上会多出一个蜘蛛小标识。 若工具栏没有如图： 4打开你要分析的网站，然后重新打开firebug， 分析结果： 页面的分析 规则得分的注解 　　对于每个规则，都会有两种得分：一个100以内的数字分数；和一个绿、黄、红的颜色分数，数字分数是一种原始得分，用来标注当前页面在当前规则下的表现，得分基于某些量化的维度，例如：DOM元素的总数、或者下载的文件数、颜色分数是综合了数字得分和该条规则的权重，这是一个综合了潜在影响因素和实施难度的复合参数。这就意味着没有数值得分和颜色得分之间一对一的对应关系，比如，一个得分是0/100的情况转换到颜色得分是是一个黄色的颜色分值，如果该条规则的权重没有那么高的话。因此，你应该总是以颜色分数作为更权威的判断依据。 　　以下是颜色得分的说明： 　　高优先级（红色原点）： 这些建议意味着相对小的开发成本就能换来非常大的潜在性能提升，你应该首要关注这些条目； 　　中优先级（黄色三角形）：这些建议意味着较小的产出或者比较大的实施难度，你应当次要关注这些条目； 　　状况良好的或者低优先级的（绿色勾）：如果有显示相关建议的 (显示一个+号)，那他们或许只有非常小的产出，你可以在你完成了更高优先级的建议之后再来审视这些条目。 　　仅仅只是些信息（蓝色叹号），可能是这些条目无法在当前页面应用或者在测试过程中出了些小问题。 　　提示：如果你测试的结果中有大量的信息的话，很可能是因为你在完全载入前就试着分析这个页面了，这时可以点击重新分析来重新进行页面分析。 　　总体得分注解 　　Page Speed还给出了一个总体的数字得分和颜色得分，数字得分是当前页面所有数字得分的结算结果，基于所有规则的权重（包括和蓝色的信息，就是没有得分的条目）。颜色得分是基于绿、黄、红色结果的数量根据一定规则计算出来的。 　　1：使用浏览器缓存（客户浏览页面后、浏览器可以自动缓存7天一种服务器设置、客户再次打开的时候可以直接访问不需加载、可以直接影响打开速度和时间、减少空间服务器负载的一个非常好的设置) 　案例：以下缓存资源的生存时间较短。请为下列资源指定至少为期一周的有效期： /img/bcastr3.swf（未指定有效期） /img/index_r12_c2.jpg（未指定有效期） /img/index_r15_c19.jpg（未指定有效期） 方法： 在FTP中打开根目录下的.htaccess文件 在.htaccess文件中加入如下代码： # Image and Flash content Caching for One Month Header set Cache-Control max-age=2592000 注意我是用在DEDECMS程序上可行的。后来发现不同服务器是不一样的，不一定dedecms都可以，后来用在另一个上就不行。如何实现浏览器缓存的，这个服务器会有不同，大家可与技术部的同事沟通，他们懂得实现的。 2：启用压缩 　　可以在整个服务器范围内或特定目录下启用 HTTP 压缩。HTTP 压缩不仅可改善带宽使用情况，而且还能够提高网站性能。此外，还可以压缩静态响应和动态响应。 　　案例：使用 gzip 工具压缩以下资源后，可减少 85.0KiB（即 69%）的数据传输量。 　　压缩 / 可腾出的空间大小为 36.6KiB（即缩减 84%）。 　　压缩 /base/js/swfobjectjquery_bin.js 可腾出的空间大小为 15.0KiB（即缩减 50%）。 　　 3：内嵌小型 CSS （CSS风格样式表）一种物质被另一种物质包裹镶嵌在其内部 　　CSS通常又称为风格样式表：它是用来在HTML进行各种标志、颜色、网页风格、网页外观、网页元素位置、创建特殊效果的能力风格样式表。 　　以下外部资源的请求响应内容