前端性能优化思路

如果是前端资源加载慢,导致页面慢,则应该考虑如何缩短请求耗时。比如打包时候压缩包体积,将一些大包比如echart 这种通过cdn外部引入行使

或者比如优化首页,首页加载的内容一定要是和首页相关的,任何第一次打开看不见的东西通通都不用加载。比如一些弹窗中带上editor这种比较大的包的内容

另外就是加上合适的http缓存

或者比如一些首页显著的大图片 尽量用png 代替svg 这样做加载性能好 然后请求前置。将高优的内容提前加载

而如果是前端页面逻辑笨重,UI数据量太大,则可以试着从减少重绘重排的角度去优化。或者有些大列表的话类似于知乎这种,用虚拟滚动。对于耗时长的复杂计算,缓存计算结果往往是见效较快的优化方式。和预加载

【参考文章】 Web前端性能优化思路; React性能测量和分析; 前端性能优化

Last updated