前端性能优化,先别急着上工具
大部分性能问题的答案,在你打开 Lighthouse 之前就已经写好了。
1 分钟性能前端
我见过太多项目,一上来就装各种性能监控,然后花两周优化一个只占 3% 的指标。
先问三个问题
- 首屏需要几秒?用户能接受几秒?
- 瓶颈在传输、解析还是渲染?
- 这个问题在真实用户的设备上存在吗?
顺序很重要
真正有效的顺序通常是:
- 减少请求数量
- 压缩和延迟加载图片
- 拆掉用不上的依赖
- 最后才考虑代码层面的微调
大部分项目走到第 3 步就已经够了。
一个反直觉的建议
先把功能删掉一部分。性能问题里,有一半其实是产品问题。