谷歌的 PageSpeed Insights 是一个网页评估的神器,当自己开发的博客的那个站点完成之后,总是需要使用对页面做一下响应测试之类的,最简单的方法就是直接 F12
打开浏览器的调试模式,然后看network
部分的瀑布图,分析每一个资源的加载情况。适合像我这种只会Java的前端菜鸡使用,凑合分析一下就得了。PageSpeed 使用很简单,直接打开 它的主页 ,里面有一个粘贴URL的输入框,把自己上线的网站地址复制过去,点分析就行了:
分析结果有两个部分,一个是移动端的测试结果,一个是桌面端的测试结果,都会有一个百分制的打分,90-100分的算是优秀了:
这个打分受限于网络等各种因素的影响,可能每次都不一样,基本在一个范围内波动,图一乐就行了哈,最重要的还是看这个具体的分析结果:
首先是响应时间的统计数据(结果默认是英文的简略信息,右边有一个小按钮可以选着显示中文信息):
六个指标,耗时越少越好,其中First Contentful Paint (FCP)是浏览器打开之后,默认全屏窗口下能够看到的界面(不包括下拉之后显示的内容)的响应渲染时间。之后是优化建议和诊断结果:
红色标记的就是可以着重进行优化的部分,一般无外乎就是压缩资源、优化图像、HTTP2换HTTP1.1此类的建议。最后是看着办,可以优化的部分:
当然这些个优化建议都是机器搞出来的,也不一定准确。另外如果是网站也使用了谷歌的Google Analytic工具的话,PageSpeed也会获取来自Analytic的统计数据做分析。