懒加载是一种策略,或者说设计模式,将用户暂时用不到的资源进行按需、延迟加载,以换取更短的首屏渲染或者加载时间
三大场景:
- 图片懒加载:图片大小很多很大时会采用
- 路由懒加载:在优化首屏渲染时会进行使用。本质通过动态import,触发ESbuild/webpack 的代码分割,将只会按需请求独立主屏相关 chunk
- 组件懒加载:React.lazy 以及 Suspense 都是动态 import
懒加载是一种策略,或者说设计模式,将用户暂时用不到的资源进行按需、延迟加载,以换取更短的首屏渲染或者加载时间
三大场景: