页面加载优化

351 阅读1分钟

资源优化

  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)