在使用 Three.js 渲染 3D 模型时，使用 Next.Js 比普通 React 有什么优势吗？

Question

我过去做过3D 产品配置器的应用，想知道如果使用 Next.JS 的“服务器端渲染”而不是普通的 React，3D 模型是否会表现更好（应用程序的 FPS）。

Answer 1

Three.js 依赖于您设备的显卡 (GPU) 和 WebGL API。服务器通常两者都没有，所以我预计性能会更差\xe2\x80\x94而不是更好\xe2\x80\x94，除非你在服务器上花了很多钱。服务器上存在模拟 WebGL 1.0 的库（请参阅headless-gl），但我还没有看到用于更现代的 Web 图形 API（如 WebGL 2.0 和 WebGPU）的稳定库。

\n

您可以通过缓存第一帧渲染的图像并在 Three.js 库加载时显示该图像，从而缩短First Contentful Paint的时间，从而提高感知性能。也许 SSR 可以帮助解决这个问题。但我不希望在任何情况下以 60fps 的速度从服务器传输实时图像 \xe2\x80\x94 在第一帧之后渲染可能更好在客户端上完成。

\n

由大型团队（Google Stadia、GeForce Now）支持的某些技术确实能够提供服务器端实时渲染，但这可能不是您想要在具有模拟 WebGL API 的 next.js 应用程序上尝试的。

\n