在升级到 React 19 + Ant Design v6 之后,我明显感觉到页面的 CLS(Cumulative Layout Shift)性能变差。
最直观的表现是:
- 首屏渲染时样式会闪一下
- 组件尺寸在 JS 执行完成后才稳定
这在静态站点(如 Docusaurus)中尤为明显。
一开始我采用的是最“原始”的缓解方案:
通过 CSS 给部分组件写死 min-width / min-height,虽然能减少 CLS,但显然不是一个优雅或可维护的解决方案。
2025/12/31...大约 5 分钟