懒加载是一种策略,或者说设计模式,将用户暂时用不到的资源进行按需、延迟加载,以换取更短的首屏渲染或者加载时间

三大场景:

  • 图片懒加载:图片大小很多很大时会采用
  • 路由懒加载:在优化首屏渲染时会进行使用。本质通过动态import,触发ESbuild/webpack 的代码分割,将只会按需请求独立主屏相关 chunk
  • 组件懒加载:React.lazy 以及 Suspense 都是动态 import