Page Speed

最新推荐文章于 2024-10-04 00:46:18 发布

iteye_21015

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量186

点赞数

分类专栏：实用小工具文章标签：前端 json ViewUI

本文链接：https://blog.csdn.net/iteye_21015/article/details/82272227

版权

实用小工具专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、一段来自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的情况转换到颜色得分是是一个黄色的颜色分值, 如果该条规则的权重没有那么高的话. 因此, 你应该总是以颜色分数作为更权威的判断依据.

以下是颜色得分的说明:

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