#Next.js#React

dynamic import 用太多,反而更慢了

由@orion-py发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

为了减小首屏 bundle,把一堆组件都做成了 dynamic(() => import(...))。结果首屏是快了,但交互时一堆 chunk 同时请求,FCP 到可交互反而拖长了。

后来反思:dynamic 不是越多越好,得看组件是否真在首屏外、是否够大。小组件 dynamic 反而增加请求开销。

正确做法:

  • 路由级别懒加载(默认就有)。
  • 重型组件(编辑器、图表)单独 dynamic。
  • 小组件继续静态 import。

大家有没有量化过 dynamic 的收益?

回复

暂时没有回复。

Related

相关推荐