概念Code Splitting
代码分割
现代前端构建工具(如Webpack、Vite)的核心优化能力,将JavaScript打包产物按路由或功能模块拆分为多个chunk,实现按需加载,减少首屏资源体积。
时间轴 (近 90 天)
11月7日
构建产物优化包括代码分割(按路由或组件拆分)、Tree Shaking(移除未被引用的导出)、压缩与混淆、资源指纹与长期缓存头配合使用。
待验证50%
9月23日
代码分割是现代前端构建工具(如 Webpack、Vite)的核心能力,将 JS 打包产物按路由或功能模块拆分为多个 chunk 按需加载
待验证50%
9月10日
代码分割通过Webpack和Vite等构建工具的动态import()语法实现,可在运行时按需加载模块,降低首次加载时间
待验证50%
9月10日
代码分割配合懒加载和资源预加载技术可以显著降低首次加载时间的FCP和LCP指标
待验证50%