谷歌page speed 安装使用及页面问题详解

谷歌page speed 安装使用及页面问题详解

ID:19530813

大小:210.50 KB

页数:12页

时间:2018-10-03

谷歌page speed 安装使用及页面问题详解_第1页
谷歌page speed 安装使用及页面问题详解_第2页
谷歌page speed 安装使用及页面问题详解_第3页
谷歌page speed 安装使用及页面问题详解_第4页
谷歌page speed 安装使用及页面问题详解_第5页
资源描述:

《谷歌page speed 安装使用及页面问题详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、谷歌pagespeed安装使用及页面问题详解谷歌pagespeed目前只支持谷歌浏览器和火狐浏览器(火狐浏览器下载地址http://firefox.com.cn/download/)安装好火狐浏览器和谷歌浏览器。我们以火狐浏览器为例(相对于谷歌火狐更适合中国用户本人感觉)1.打开火狐浏览器,左上角进入菜单选项,选择附加组件进入组件界面搜索firebug,搜索结果中的第一个就是了,点右边的安装按钮进行安装。图1图22.安装好后下载pagesspeed进行安装。下载地址:https://developers.google.com/speed/pagespeed/ins

2、ights_extensions?hl=en图3(用火狐浏览器下载,360等下载的会报错)3下载到电脑上后直接安装,有提示选是就可以了。安装好后火狐工具栏上会多出一个蜘蛛小标识。若工具栏没有如图:4打开你要分析的网站,然后重新打开firebug,分析结果:页面的分析规则得分的注解  对于每个规则,都会有两种得分:一个100以内的数字分数;和一个绿、黄、红的颜色分数,数字分数是一种原始得分,用来标注当前页面在当前规则下的表现,得分基于某些量化的维度,例如:DOM元素的总数、或者下载的文件数、颜色分数是综合了数字得分和该条规则的权重,这是一个综合了潜在影响因素和实施难

3、度的复合参数。这就意味着没有数值得分和颜色得分之间一对一的对应关系,比如,一个得分是0/100的情况转换到颜色得分是是一个黄色的颜色分值,如果该条规则的权重没有那么高的话。因此,你应该总是以颜色分数作为更权威的判断依据。  以下是颜色得分的说明:  高优先级(红色原点):这些建议意味着相对小的开发成本就能换来非常大的潜在性能提升,你应该首要关注这些条目;  中优先级(黄色三角形):这些建议意味着较小的产出或者比较大的实施难度,你应当次要关注这些条目;  状况良好的或者低优先级的(绿色勾):如果有显示相关建议的(显示一个+号),那他们或许只有非常小的产出,你可以在你

4、完成了更高优先级的建议之后再来审视这些条目。  仅仅只是些信息(蓝色叹号),可能是这些条目无法在当前页面应用或者在测试过程中出了些小问题。  提示:如果你测试的结果中有大量的信息的话,很可能是因为你在完全载入前就试着分析这个页面了,这时可以点击重新分析来重新进行页面分析。  总体得分注解  PageSpeed还给出了一个总体的数字得分和颜色得分,数字得分是当前页面所有数字得分的结算结果,基于所有规则的权重(包括和蓝色的信息,就是没有得分的条目)。颜色得分是基于绿、黄、红色结果的数量根据一定规则计算出来的。  1:使用浏览器缓存(客户浏览页面后、浏览器可以自动缓存7

5、天一种服务器设置、客户再次打开的时候可以直接访问不需加载、可以直接影响打开速度和时间、减少空间服务器负载的一个非常好的设置) 案例:以下缓存资源的生存时间较短。请为下列资源指定至少为期一周的有效期:http://www.dxcl8.com/img/bcastr3.swf(未指定有效期)http://www.dxcl8.com/img/index_r12_c2.jpg(未指定有效期)http://www.dxcl8.com/img/index_r15_c19.jpg(未指定有效期)方法:在FTP中打开根目录下的.htaccess文件在.htaccess文件中加入如下

6、代码:#ImageandFlashcontentCachingforOneMonthHeadersetCache-Control"max-age=2592000"注意我是用在DEDECMS程序上可行的。后来发现不同服务器是不一样的,不一定dedecms都可以,后来用在另一个上就不行。如何实现浏览器缓存的,这个服务器会有不同,大家可与技术部的同事沟通,他们懂得实现的。2:启用压缩  可以在整个服务器范围内或特定目录下启用HTTP压缩。HTTP压缩不仅可改善带宽使用情况,而且还能够提高网站性能。此外,还可以压缩静态响应和动态响应。  案例:使用gzip工具压缩以下资源

7、后,可减少85.0KiB(即69%)的数据传输量。  压缩http://www.dxcl8.com/可腾出的空间大小为36.6KiB(即缩减84%)。  压缩http://www.dxcl8.com/base/js/swfobjectjquery_bin.js可腾出的空间大小为15.0KiB(即缩减50%)。  3:内嵌小型CSS(CSS风格样式表)一种物质被另一种物质包裹镶嵌在其内部  CSS通常又称为风格样式表:它是用来在HTML进行各种标志、颜色、网页风格、网页外观、网页元素位置、创建特殊效果的能力风格样式表。  以下外部资源的请求响应内容较少。将响应内容内

8、嵌在HTM

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。