代码分割与懒加载适合哪些场景?
平衡首屏下载量和后续交互时的等待。
参考答案
代码分割把资源拆成多个块;懒加载在需要时再请求对应块。适合非首屏页面、大型编辑器、图表库和低频弹窗等。
JavaScript
const module = await import("./heavy-feature.js");
module.start();
拆分过细会增加请求和调度开销,首次使用懒加载功能也会产生等待。应给出加载与失败反馈,并在确有收益时预加载。首屏核心内容不宜机械地全部延后加载。
平衡首屏下载量和后续交互时的等待。
代码分割把资源拆成多个块;懒加载在需要时再请求对应块。适合非首屏页面、大型编辑器、图表库和低频弹窗等。
const module = await import("./heavy-feature.js");
module.start();
拆分过细会增加请求和调度开销,首次使用懒加载功能也会产生等待。应给出加载与失败反馈,并在确有收益时预加载。首屏核心内容不宜机械地全部延后加载。