Three.js 性能优化指南 (2026)

核心原则

黄金法则：绘制调用 < 100 次/帧

• 三角形数量不如绘制调用数量重要
• 使用 renderer.info.render.calls 监控
• 超过 500 次绘制调用，即使强大 GPU 也会吃力

快速诊断清单

// 性能监控必备
setInterval(() => {
  console.log('调用:', renderer.info.render.calls);
  console.log('三角形:', renderer.info.render.triangles);
  console.log('几何体:', renderer.info.memory.geometries);
  console.log('纹理:', renderer.info.memory.textures);