使用谷歌的PageSpeed Insights对网页进行性能评估

谷歌的 PageSpeed Insights 是一个网页评估的神器，当自己开发的博客的那个站点完成之后，总是需要使用对页面做一下响应测试之类的，最简单的方法就是直接 F12 打开浏览器的调试模式，然后看network部分的瀑布图，分析每一个资源的加载情况。适合像我这种只会Java的前端菜鸡使用，凑合分析一下就得了。PageSpeed 使用很简单，直接打开 它的主页 ，里面有一个粘贴URL的输入框，把自己上线的网站地址复制过去，点分析就行了：

pagespeed主页
分析结果有两个部分，一个是移动端的测试结果，一个是桌面端的测试结果，都会有一个百分制的打分，90-100分的算是优秀了：
分析结果
这个打分受限于网络等各种因素的影响，可能每次都不一样，基本在一个范围内波动，图一乐就行了哈，最重要的还是看这个具体的分析结果：
分析结果

首先是响应时间的统计数据（结果默认是英文的简略信息，右边有一个小按钮可以选着显示中文信息）：

响应时间
六个指标，耗时越少越好，其中First Contentful Paint (FCP)是浏览器打开之后，默认全屏窗口下能够看到的界面（不包括下拉之后显示的内容）的响应渲染时间。之后是优化建议和诊断结果：
优化建议与诊断结果
红色标记的就是可以着重进行优化的部分，一般无外乎就是压缩资源、优化图像、HTTP2换HTTP1.1此类的建议。最后是看着办，可以优化的部分：
可优化部分

当然这些个优化建议都是机器搞出来的，也不一定准确。另外如果是网站也使用了谷歌的Google Analytic工具的话，PageSpeed也会获取来自Analytic的统计数据做分析。