首屏加载优化
- 1.UI组件按需加载而非一次性全部引入
- 2.路由按需加载(利用箭头函数)
- 3.图片、数据先加载可视区域,剩余部分按需滚动加载
- 4.静态资源使用CDN,用户就近获取内容,提高了资源的访问速度
- 5.适当使用浏览器缓存,减少不必要的请求请求
- 6.JS、CSS压缩合并打包,减少请求数,CSS放在头部加载,JS放在尾部加载,先外链后本页
- 7.避免css表达式、滤镜,优化图片、精灵图
- 8.较少DOM操作,避免页面频繁回流、重绘
- 9.恰当使用防抖节流
- 10.移除生产环境的控制台打印,在开发基本完成后去掉无用的console(vscode中的turbo console就蛮好的)