会员登录 | 注册

来去留技术信息资源

来去留技术信息资源
来去留网 > 去看信息 > 程序系统 > Page Speed的安装、使用与卸载说明

Page Speed的安装、使用与卸载说明

2012-03-19 22:00来源:未知发布者:laiquliu 查看:

关于谷歌Page Speed网页性能优化工具

什么是 Page Speed?

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

Page Speed 是如何工作的?

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

为什么要使用 Page Speed?

  • 利用 Page Speed,您可以:
  • 使您的网站更快速;
  • 使互联网用户始终关注您的网站;
  • 减少您的带宽成本和托管成本;
  • 改善网络!

Page Speed的安装

首先“下载Page Speed”插件进行安装(需要firebug的可在这里本地下载)。

Page Speed的运行

在运行Page Speed这个工具时,它会基于页面的状况生成分析结果。为了确保最精确的分析结果,你最好在页面完全载入完成后再运行Page Speed。 否则,Page Speed无法分析那些还没有载入的资源的情况,或者你可以选择激活,当载入完成后自动运行选项 而让Page Speed在任何页面载入完成后自动进行分析。 具体可参照下文:

  • 运行Firefox;
  • 选择 工具 > Firebug > 打开Firebug;
  • 在FireBug窗口中, 选择 Page Speed 页签。

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

Analyze Performance

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

Page Speed的使用

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

  • 点击打开任意规则来看可改进的建议;
  • 点击任何规则的标题来看针对该规则的文档;
  • 点击 资源展示当前页面引用的资源的详细列表;
  • 选择导出 > 生成JSON文件 把分析结果导出成为JSON格式的文件;
  • 选择导出 > 发送得分到www.showslow.com 把分析的得分传送给show slow网站,show slow是一个开源的基于web的工具,用来收集从Page Speed获得的性能参数。如果想知道更多关于发送给Show Slow的数据的信息的话,可以参考Page Speed开源项目的 minimalBeacon页面上的Beacon文档。

对于Page Speed性能得分的注解

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

对于每个规则得分的注解

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

以下是颜色得分的说明:

  • 高优先级(红色原点): 这些建议意味着相对小的开发成本就能换来非常大的潜在性能提升,你应该首要关注这些条目;
  • 中优先级(红色三角形):这些建议意味着较小的产出或者比较大的实施难度,你应当次要关注这些条目;
  • 状况良好的或者低优先级的(绿色勾):如果有显示相关建议的 (显示一个+号),那他们或许只有非常小的产出,你可以在你完成了更高优先级的建议之后再来审视这些条目。
  • 仅仅只是些信息(蓝色叹号),可能是这些条目无法在当前页面应用或者在测试过程中出了些小问题。

提示:如果你测试的结果中有大量的信息的话,很可能是因为你在完全载入前就试着分析这个页面了, 这时可以点击 重新分析 来重新进行页面分析。

对于总体得分的注解

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

记录活动

Page Speed 活动面板展示了所有浏览器活动的时间线,包括了网络事件和JavaScript处理,你可以根据这个面板结合Page Speed的性能分析结果和真实的计时数据进一步分析你的页面。

注意: Page Speed活动的特性和HTTPWatch不兼容,在使用它之前,要保证禁用掉HTTPWatch:在Firefox中,可以通过工具 > 附加组件,从附加组件的列表中,点击禁用HTTPWatch。

注意Page Speed 活动面板会显示浏览器所有线程的浏览器事件,那我们可以通过下面的步骤让它只记录单页面的活动。 (责任编辑:laiquliu)

关注技术,信息,资源,扫描来去留网微信二维码交流。

来去留我李俊

搜索

------分隔线----------------------------
相关栏目

热点推荐
来去留技术信息资源
来去留网为您提供平台咨询交流学习方法及各类热门技术;电器,服装,保健,行业快讯等二十几个类别的资讯