页面加载优化

资源优化

1. 静态资源压缩合并, 减小http请求
2. 静态资源缓存
3. CDN
4. SSR后端渲染
5. gzip
6. DNS预解析
7. script异步加载

   异步加载方式
   1. 动态脚本加载 2. defer 3. async
   2. 区别
    - defer是在html解析以后执行,若是是多个,按照加载顺序依次执行
    - async是在加载以后当即执行, 若是是多个, 执行顺序与加载顺序无关
   复制代码

渲染优化

1. CSS前面， JS后面
2. 懒加载(图片懒加载，下拉加载更多)
3. 减小dom操做(增删改查)
4. 事件节流防抖
5. 预加载(preload, prefetch)