前端性能优化方案总结
首屏加载优化
把老版本的库替换成新版本,支持tree shaking的库,按需引入,只打包用到的部分,大大优化项目体积,加快项目的首屏渲染。
能不用第三方库,就不用第三方库,比如时间格式化,直接就自己写写方法,不要引入三方库。
写代码简洁一点,减少代码体积,
去除大的base64体积,项目中的小图会被标转成base64,加入到js代码里。不要把大图片等媒体资源弄成base64。
异步加载就是,有一些体积大,但是首屏不用的js库,都弄成异步加载
首屏数据尽量并行,没事别让接口一个等一个,别一直promise.then()
如果可行把小数据接口合并到其他接口,
页面包含大量dom,可以分批随滚动渲染,先渲染900px,虚拟滚动,大数据量加载(补充)
要做骨架屏,减少用户焦虑