谷歌浏览器Lighthouse网页性能分析工具使用

需要使用谷歌浏览器的无痕模式

要不然其他浏览器插件的脚本会影响页面的性能判断

使用截图

• 操作界面
  点击分析按钮开始分析
  

• 生成分析
  

建议部分：红色是有必要解决的性能提升建议

红色建议分析：

静态资源大小分析图

• 点击下面按钮
  

• 看到如下静态资源页面
  

lighthouse文档

文档地址：

https://developer.chrome.com/docs/lighthouse/performance/first-contentful-paint?hl=zh-cn

或者可以使用分析网站分析

输入网址，即可生成分析页面

https://pagespeed.web.dev/?hl=zh-cn