congxine笔记
ONLINE
返回技术
ENGINEERING / NOTE

代码分割

web.dev · 站内原创整理

按路由和功能拆分资源,让首屏只加载当前任务真正需要的代码。

核心说明

代码分割把 JavaScript 按页面或功能拆成多个资源,让首屏不必加载用户暂时不会使用的代码。拆分和请求数量之间需要取得平衡。

关键点

  • 路由级拆分通常是最自然的第一步。
  • 不要把极小模块拆成大量请求,网络延迟也会成为成本。
  • 用构建产物和 Performance 面板确认分割真的减少了首屏负担。