性能2 分钟
把 Three.js 留在关键渲染路径之外
3D 可以出现在首页，但不能成为首屏内容的前提。文字与布局先到，场景再按设备能力加载。
本站首页的 Three.js 场景仅在客户端动态加载。场景准备期间，CSS fallback 先占位；文本与 CTA 不依赖 canvas，因此 WebGL 不可用时，页面仍能阅读和导航。
客户端会检查 prefers-reduced-motion、Save-Data、连接状况和 WebGL 支持，再在 high、medium、low 三档间选择效果。low 档不创建 canvas。运行中如果帧率持续偏低，FPS watchdog 会下调档位；hero 区域离开视口后，render loop 暂停。
这些机制不会自动证明 Core Web Vitals 达标，也不能支持固定的加载秒数。性能结论必须来自目标设备和实际版本的测量。架构能保证的是，3D 始终属于渐进增强，不是内容可用性的前置条件。