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

Question

我申请了3D product configurator在过去，想知道如果在普通 React 上使用 Next.JS 的“服务器端渲染”，3D 模型是否会表现得更好(应用程序的 FPS)。

Answer 1

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

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

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