之前主要在缓存方面对 Website 进行了优化,优化 1。主要解决了第二次及以上访问 app 的速度问题,但是对于用户第一次访问还是会慢一些,整个站点的 Web Vitals 也不是很好。
这是优化前的得分:
所以,决定通过一些分析工具对整个站点做一个全面的性能分析,再对症下药。
那么,有哪些好用的性能分析工具?
- PageSpeed Insights
这是 Google 的在线性能分析工具,可以提供你站点近 28 天的性能数据,包括 core web vitals(FCP,CLS,LCP 等)。 - Chrome lighthouse
谷歌浏览器本地自带的性能分析工具,可以在本地对你的应用进行“跑分”。
以上工具跑完都会得出上图的一份性能报告,报告的内容可以叫做Web vitals,这是 Google 制定的用来衡量 web page 性能的 guideline 。