关于谷歌Page Speed网页性能优化工具
Page Speed的安装首先“下载Page Speed”插件进行安装(需要firebug的可在这里本地下载)。 Page Speed的运行在运行Page Speed这个工具时,它会基于页面的状况生成分析结果。为了确保最精确的分析结果,你最好在页面完全载入完成后再运行Page Speed。 否则,Page Speed无法分析那些还没有载入的资源的情况,或者你可以选择激活,当载入完成后自动运行选项 而让Page Speed在任何页面载入完成后自动进行分析。 具体可参照下文:
访问你需要进行分析的页面。等到浏览器状态栏里显示完成,并且进度条消失的时候开始使用Page Speed,如果页面上因为有流媒体视频而没有显示完成信息的情况下,等到视频开始播放时就可以开始使用Page Speed了。
点击性能分析(Analyze Performance),当页面分析完成时,Page Speed会显示 网页性能最佳实践 的列表和当前页面针对每项结果的得分, 结果是按照当前页面的重要性和优先级排列的。
接下来就可以做以下这些事情了:
对于Page Speed性能得分的注解 对于每个规则,Page Speed都会给出针对性的改进建议,并且会给当前页面一个基于一些因素的算法的”分数”,当然它也会给出当前页面的一个整体性能得分。 对于每个规则得分的注解 对于每个规则,都会有两种得分: 一个100以内的数字分数;和一个绿、黄、红的颜色分数,数字分数是一种原始得分,用来标注当前页面在当前规则下的表现, 得分基于某些量化的维度,例如:DOM元素的总数、 或者下载的文件数、颜色分数是综合了数字得分和该条规则的权重,这是一个综合了潜在影响因素和实施难度的复合参数。这就意味着没有数值得分和颜色得分之间一对一的对应关系,比如,一个得分是0/100的情况转换到颜色得分是是一个黄色的颜色分值,如果该条规则的权重没有那么高的话。因此,你应该总是以颜色分数作为更权威的判断依据。 以下是颜色得分的说明:
提示:如果你测试的结果中有大量的信息的话,很可能是因为你在完全载入前就试着分析这个页面了, 这时可以点击 重新分析 来重新进行页面分析。 对于总体得分的注解 Page Speed还给出了一个总体的数字得分和颜色得分,数字得分是当前页面所有数字得分的结算结果,基于所有规则的权重(包括和蓝色的信息, 就是没有得分的条目)。颜色得分是基于绿、黄、红色结果的数量根据一定规则计算出来的。 记录活动 Page Speed 活动面板展示了所有浏览器活动的时间线,包括了网络事件和JavaScript处理,你可以根据这个面板结合Page Speed的性能分析结果和真实的计时数据进一步分析你的页面。 注意: Page Speed活动的特性和HTTPWatch不兼容,在使用它之前,要保证禁用掉HTTPWatch:在Firefox中,可以通过工具 > 附加组件,从附加组件的列表中,点击禁用HTTPWatch。 注意Page Speed 活动面板会显示浏览器所有线程的浏览器事件,那我们可以通过下面的步骤让它只记录单页面的活动。 (责任编辑:laiquliu) |