Google检测网页性能的工具PageSpeed Insight

在这之前，测试网页前端性能我用的是雅虎的Yslow，也是由于很久没测试过网页前端的东西了，没怎么关注前端这块。

PageSpeed Insights 能够针对移动设备和桌面设备生成网页的实际性能报告，并能够提供关于如何改进相应网页的建议。官方原话，很牛逼啊，那就开始试用之旅。

PageSpeed Insights有线上版本（可能需要翻墙吧，一直没试成功）和插件版本（还有API、SDK），插件版本还分Google Chrome浏览器和Firefox浏览器，本次用Chrome浏览器做实验。

在Chrome浏览器扩展程序中查找相应插件，我安装了第一个和第二个，其实只要第二个，如下图一，安装完后浏览器出现相应的图标，如下图二。

图一 图二

按F12进入开发者工具，就看到有一个PageSpeed标签栏，如下图三，点击“analysis”按钮，就开始分析。分析的结果如图四，点开图四种的一个项，如图五，非常详细。

图三 图四 图五

参考链接：https://developers.google.cn/speed/docs/insights/v4/getting-started?hl=zh-CN，里面还有提供API用法，还可以专门测试移动端的首屏时间，先记录下，待后续要使用时知道有这么个东西。