前端性能优化方案总结

首屏加载优化

在这里插入图片描述
在这里插入图片描述
把老版本的库替换成新版本,支持tree shaking的库,按需引入,只打包用到的部分,大大优化项目体积,加快项目的首屏渲染。
能不用第三方库,就不用第三方库,比如时间格式化,直接就自己写写方法,不要引入三方库。
写代码简洁一点,减少代码体积,
去除大的base64体积,项目中的小图会被标转成base64,加入到js代码里。不要把大图片等媒体资源弄成base64。
异步加载就是,有一些体积大,但是首屏不用的js库,都弄成异步加载

首屏数据尽量并行,没事别让接口一个等一个,别一直promise.then()
如果可行把小数据接口合并到其他接口,
页面包含大量dom,可以分批随滚动渲染,先渲染900px,虚拟滚动,大数据量加载(补充)
要做骨架屏,减少用户焦虑
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值