分析页面执行速度, 定位优化方向
PageSpeed Insights
时隔很久我又出现了, 现在一个一个介绍我的这最近一段时间的
PageSpeed Insights
这个是我自己百度了一番后发现比较方便的一款测试, 分析网页的的速度的一个工具, 好的东西当然要分享给大家, 希望对你们有帮助
简介, 优势
PSI 作为一款专注于改进网页性能的开发者工具, 它主要具有以下两个优势:
真实的网页运行速度. 这是 PSI 2.0 中的新功能, PSI 结合 Chrome 用户体验报告中的数据, 向开发者展示他们的网页的实际性能, 这一点对于开发者来说是很有价值的. 那么, PSI 则成为了用户获得真实的网页运行速度的窗口.
优化建议. 根据一些常用的网页性能优化规则 (如避免过多的重定向),PSI 会基于该网页的优化空间为用户提供一些网页优化建议.
通过评估网页性能的优化空间, 优化得分将网页划分为 "良好","中等" 和 "偏低" 三个类别. 相应的, 优化建议则列出了一系列用户可遵循并应用到该网页的优化步骤. 为了向用户提供更好的优化建议, 优化得分已经根据 Chrome 用户数据进行相应的调整, 以更加符合真实数据.
附上一张测试的结果图:
image.PNG
该网页的统计信息. 这个部分会告诉你整个网站需要优化的方向, 这里还有网站速度运行的评分, 下面列表是建议的每个方向需要优化的, 这样可以帮助我们快速定位到需要优化的方向.
下载, 使用
这个插件的好处只有你用了才能深刻体会到, 下面就是下载安装的方式
PageSpeed Insights (PSI) 是 Google 在全球范围内应用最广的开发者工具之一. 所以使用 Google 的开发者可以在软件应用商店直接下载, 如下图:
image.PNG
下面就是添加到应用使用了.
在使用的时候, 你会直接在开发者工具里面看到 PageSpeed 选项, 如下图, 直接操作按钮. 开始测试就可以了
image.PNG
这样就快读定位需要优化的方向了, 加油!
来源: http://www.jianshu.com/p/224261f33add