前段时间公司服务器网络波动，网站访问变慢，一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下，访问新项目时，加载了近1分钟都没加载出来，而访问其他页面顶多也就30-40s。
在网络恢复后，尝试访问了下页面，无缓存首次打开需要等待近12s的时间，最大的资源达到了3.7M...
在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内
在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~
优化效果Network
Slow3G条件下22-25s加载完成
lighthouse
hiper
关于性能优化在开始之前，我们需要明白一个原则：性能优化的最终目的是提升用户体验。简而言之就是让用户感觉这个网站很「快」（至少不慢hh），这里的「快」有两种，一种是「真的快」一种是「觉得快」
「真的快」：可以客观衡量的指标，像网页访问时间、交互响应时间、跳转页面时间「觉得快」：用户主观感知的性能，通过视觉引导等手段转移用户对等待时间的