资源优化
- 静态资源压缩合并, 减少http请求
- 静态资源缓存
- CDN
- SSR后端渲染
- gzip
- DNS预解析
- script异步加载
异步加载方式 1. 动态脚本加载 2. defer 3. async 2. 区别 - defer是在html解析之后执行,如果是多个,按照加载顺序依次执行 - async是在加载之后立即执行, 如果是多个, 执行顺序与加载顺序无关
渲染优化
- CSS前面, JS后面
- 懒加载(图片懒加载,下拉加载更多)
- 减少dom操作(增删改查)
- 事件节流防抖
- 预加载(preload, prefetch)