前端知库

代码分割与懒加载适合哪些场景?

平衡首屏下载量和后续交互时的等待。

参考答案

代码分割把资源拆成多个块;懒加载在需要时再请求对应块。适合非首屏页面、大型编辑器、图表库和低频弹窗等。

JavaScript
const module = await import("./heavy-feature.js");
module.start();

拆分过细会增加请求和调度开销,首次使用懒加载功能也会产生等待。应给出加载与失败反馈,并在确有收益时预加载。首屏核心内容不宜机械地全部延后加载。