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

谷歌pagespeed安装使用及页面问题详解谷歌pagespeed目前只支持谷歌浏览器和火狐浏览器（火狐浏览器下载地址）安装好火狐浏览器和谷歌浏览器。我们以火狐浏览器为例（相对于谷歌火狐更适合中国用户本人感觉）1.打开火狐浏览器，左上角进入菜单选项，选择附加组件进入组件界面搜索firebug，搜索结果中的第一个就是了，点右边的安装按钮进行安装。图1图22.安装好后下载pagesspeed进行安装。下载地址：=en图3（用火狐浏览器下载，360等下载的会报错）3下载到电脑上后直接安装，有提示选是就可以了。安装好后火狐工具栏上会多出一个蜘蛛小标识。若工具栏没有如图：4打开你要分析的网站，然后重新打开firebug，分析结果：页面的分析规则得分的注解对于每个规则，都会有两种得分：一个100以内的数字分数；和一个绿、黄、红的颜色分数，数字分数是一种原始得分，用来标注当前页面在当前规则下的表现，得分基于某些量化的维度，例如：DOM元素的总数、或者下载的文件数、颜色分数是综合了数字得分和该条规则的权重，这是一个综合了潜在影响因素和实施难度的复合参数。这就意味着没有数值得分和颜色得分之间一对一的对应关系，比如，一个得分是0/100的情况转换到颜色得分是是一个黄色的颜色分值，如果该条规则的权重没有那么高的话。因此，你应该总是以颜色分数作为更权威的判断依据。以下是颜色得分的说明：高优先级（红色原点）：这些建议意味着相对小的开发成本就能换来非常大的潜在性能提升，你应该首要关注这些条目；中优先级（黄色三角形）：这些建议意味着较小的产出或者比较大的实施难度，你应当次要关注这些条目；状况良好的或者低优先级的（绿色勾）：如果有显示相关建议的(显示一个+号)，那他们或许只有非常小的产出，你可以在你完成了更高优先级的建议之后再来审视这些条目。仅仅只是些信息（蓝色叹号），可能是这些条目无法在当前页面应用或者在测试过程中出了些小问题。提示：如果你测试的结果中有大量的信息的话，很可能是因为你在完全载入前就试着分析这个页面了，这时可以点击重新分析来重新进行页面分析。总体得分注解PageSpeed还给出了一个总体的数字得分和颜色得分，数字得分是当前页面所有数字得分的结算结果，基于所有规则的权重（包括和蓝色的信息，就是没有得分的条目）。颜色得分是基于绿、黄、红色结果的数量根据一定规则计算出来的。1：使用浏览器缓存（客户浏览页面后、浏览器可以自动缓存7天一种服务器设置、客户再次打开的时候可以直接访问不需加载、可以直接影响打开速度和时间、减少空间服务器负载的一个非常好的设置)案例：以下缓存资源的生存时间较短。请为下列资源指定至少为期一周的有效期：（未指定有效期）（未指定有效期）（未指定有效期）方法：在FTP中打开根目录下的.htaccess文件在.htaccess文件中加入如下代码：#ImageandFlashcontentCachingforOneMonthHeadersetCache-Controlmax-age=2592000注意我是用在DEDECMS程序上可行的。后来发现不同服务器是不一样的，不一定dedecms都可以，后来用在另一个上就不行。如何实现浏览器缓存的，这个服务器会有不同，大家可与技术部的同事沟通，他们懂得实现的。2：启用压缩可以在整个服务器范围内或特定目录下启用HTTP压缩。HTTP压缩不仅可改善带宽使用情况，而且还能够提高网站性能。此外，还可以压缩静态响应和动态响应。案例：使用gzip工具压缩以下资源后，可减少85.0KiB（即69%）的数据传输量。压缩可腾出的空间大小为36.6KiB（即缩减84%）。压缩可腾出的空间大小为15.0KiB（即缩减50%）。3：内嵌小型CSS（CSS风格样式表）一种物质被另一种物质包裹镶嵌在其内部CSS通常又称为风格样式表：它是用来在HTML进行各种标志、颜色、网页风格、网页外观、网页元素位置、创建特殊效果的能力风格样式表。以下外部资源的请求响应内容较少。将响应内容内嵌在HTML中可减小网页显示时出现堵塞的概率。应内嵌下列较小的资源：：启用Keep-Alive（保持活动-不断开连接）我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；当使用Keep-Alive模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能避免了建立或者重新建立连接。案例：主机baidu.com应启用Keep-Alive。它将提供以下资源：=18主机baidu.com应启用Keep-Alive。它将提供以下资源：=1&ck=1&cl=24-bit&ds=1440x900&et=0&fl=11.2&ja=1&ln=zh-CN&lo=0=1340358853&nv=0&rnd=1427482714&si=26395bd820fa7018a55196bad2586881&st=4&v=1.0.245：优化图片优化以下图片可腾出的空间大小为18.4KiB（即缩减33%）。无损压缩可腾出的空间大小为13.5KiB（即缩减51%）。SeeoptimizedversionorSaveas.(点击保存）无损压缩可腾出的空间大小为1005B（即缩减12%）。SeeoptimizedversionorSaveas.在通常的网站SEO优化过程中，对图片的优化往往被忽视。但事实上，如果能够成功的优化图片的SEO排名，也能够为网站带来不可小觑的访问流量。而且，几家较大的搜索引擎也都专门编写了针对图片的蜘蛛程序。图片名现在网络上很多图片的名称用数字或者一组数字命名，可能是方便记忆和整理，但从seo的角度来讲相对就没有什么益处了。而这一方面从目前的状况来看，搜索引擎对图片名称给予的权重也不算高。因为图片名有时候并不能正确的表达图片本身的内容，很多时候完全可以用毫不相干的名字来命名图片。但是你不能否认图片名称很有可能会是搜索引擎判断图片内容的一个因素。Alt标签图片Alt标签是目前公认对图片seo优化最重要的部分，它往往决定了图片的排名位置。首先，Alt标签是搜索引擎判断图片内容的重要因素，其次Alt标签的文本内容会在图片无法读取的时候得以显现。所以笔者建议每一张图片必须添加Alt标签，同时Alt标签在写法上要包含关键词，同时自然的描述图片内容。图片周边文本这一点和文本优化是相同的，谷歌方面曾经明确表示会通过了解关键词前后文本内容来考量该网页的实际内容。所以，图片前后的文本内容也将是优化的一部分。本地化图片显然，本地化的图片有效的保证了不发生链接（权重）的导出。既然是要优化图片的seo排名，又怎能采用网络上已有的图片的链接呢？注意事项要申明一点，图片的seo优化情况很大一部分是与文本关键词相同的，搜索引擎更倾向于网站本身的权重。所以积累网站自身的权重是众矢之的，是不得不做的。在积累一定的权重的前提下，加以图片优化的细节，能让图片在搜索引擎图片搜索中获得更好的排名，从而使得网站在这一方面获得更多的访问。6：压缩JavaScript压缩以下JavaScript资源可腾出的空间大小为15.7KiB（即缩减41%）。压缩（可腾出的空间大小为8.8KiB（即缩减43%）。SeeoptimizedversionorSaveas.Web2.0时代强大的客户端交互效果越来越炫，越来越人性化，这也就使得客户端的Javascript代码量一路飙升，为了加快页面载入速度，改善用户体验，Javascript脚本出现了很多种压缩算法！压缩JavaScript（JS）可以使用压缩工具进行压缩常用的压缩工具有：JSMin压缩工具、YUI-compressor压缩工具、Dojo-compressor、Packer压缩工具等压缩以下JavaScript资源可腾出的空间大小为15.7KiB（即缩减41%）。压缩压缩可腾出的空间大小为422B（即缩减1%）See（见）optimizedversion（优化版本）orSaveas（另存为）.7：由同一网址提供资源（相同的内容、不同的路径）下列资源的内容完全相同，但是却来自不同的网址。如果使用同一网址提供这些资源，可减少1个请求并减少3.9KiB的数据量。=1:1627527148:11=1:1987445432:11?8：内嵌小型JavaScript（将多个小型的JS内嵌到以给HTML里、减少打开打开拥挤）以下外部资源的响应内容较少。将响应内容内嵌在HTML中可减小网页显示时出现堵塞的概率。应内嵌下列较小的资源：：避免出现错误的请求下列请求得到的响应信息为404（错误页面）/410（没有转向地址的无用连接）。请修复损坏的链接，或是删除对已不存在资源的引用。:10：压缩HTML（可以用压缩工具压缩压缩工具地址）压缩以下HTML资源可腾出的空间大小为2.8KiB（即缩减7%）。压缩可腾出的空间大小为4.8KiB（即缩减7%）。SeeoptimizedversionorSaveas.11：压缩CSS在我们讨论如何压缩CSS之前，需要注意一下在压缩和代码的易读性和整体平衡性而要不要去压缩压缩以下CSS资源可腾出的空间大小为1.1KiB（即缩减14%）。压缩可腾出的空间大小为436B（即缩减20%）。SeeoptimizedversionorSaveas.12：提供压缩后的图片以下图片在HTML或CSS中的大小经过了重新调整。使用缩小的图片可腾出的空间大小为1.1KiB（即缩减25%）。在HTML或CSS中的大小从1000x150调整成了600x90。使用缩小的图片可腾出的空间大小为5.1KiB（即缩减25%）。:13：指定