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

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

pagespeed主页

分析结果有两个部分,一个是移动端的测试结果,一个是桌面端的测试结果,都会有一个百分制的打分,90-100分的算是优秀了:
分析结果

这个打分受限于网络等各种因素的影响,可能每次都不一样,基本在一个范围内波动,图一乐就行了哈,最重要的还是看这个具体的分析结果:
分析结果

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

响应时间

六个指标,耗时越少越好,其中First Contentful Paint (FCP)是浏览器打开之后,默认全屏窗口下能够看到的界面(不包括下拉之后显示的内容)的响应渲染时间。之后是优化建议和诊断结果:
优化建议与诊断结果

红色标记的就是可以着重进行优化的部分,一般无外乎就是压缩资源、优化图像、HTTP2换HTTP1.1此类的建议。最后是看着办,可以优化的部分:
可优化部分

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容