在这之前,测试网页前端性能我用的是雅虎的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用法,还可以专门测试移动端的首屏时间,先记录下,待后续要使用时知道有这么个东西。