Performance 提高三个js的加载时间

我是webgl和三个js的新手，但我设法在几周内完成了一个小项目。但我想问的是，我能做些什么来提高应用程序的加载时间？我不是在抱怨fps，因为它与fps的交互是平滑的，但加载所有内容需要相当长的时间。你们有什么建议或资源可以让我检查以提高bundle js的加载时间吗

我使用d3、topojson和三个js。该项目是一个带有背景图像的3d地球仪。地球仪有一个纹理，它显示了你所在国家的覆盖图（因此它有鼠标移动和点击事件）。它还具有三维标记（球体和圆柱体），并在单击它们时进行交互

我尝试删除所有我能删除的代码，避免繁重的计算，并尽可能地使用BufferGeometry。它也有粒子。因为它使用点击事件，所以我需要Projector.js和OrbitControls.js作为控件逻辑。我在事件上也使用了去盎司。我只是想问一下一般的三个js技巧，一些避免整个场景等待6-9秒加载的指导原则。谢谢

• 缩小3D模型数据
• 使用压缩纹理格式，如dds或crunch
• 将大场景剪切成小场景，并按LOD加载

希望这有帮助。

• 缩小3D模型数据
• 使用压缩纹理格式，如dds或crunch
• 将大场景剪切成小场景，并按LOD加载

---

希望这有帮助。

这是一个非常广泛的问题，您提供的细节很少。您正在加载多少数据？什么格式？除了three.js之外还有多少开销？你做了什么来让它变得更好？你是对的。要编辑我的问题我觉得你的问题还是太宽泛了。询问“一般提示和技巧”不是一个可以回答的问题（，）。也就是说，从分析加载过程开始。我敢打赌大部分时间都花在topojson加载程序上（无论它住在哪里）。一旦您缩小了范围，并且自己采取了一些措施来改善情况，请缩小您的问题范围，以便我们可以帮助您解决遇到的特定问题。^+1，首先使用浏览器的分析工具来找出花费了这么长时间的原因。下载资源？第一个渲染帧？一旦你有了这个问题，如果你不确定如何改进，这是一个更容易回答的问题。你可能会发现这是一个非常广泛的问题，你提供的细节很少。您正在加载多少数据？什么格式？除了three.js之外还有多少开销？你做了什么来让它变得更好？你是对的。要编辑我的问题我觉得你的问题还是太宽泛了。询问“一般提示和技巧”不是一个可以回答的问题（，）。也就是说，从分析加载过程开始。我敢打赌大部分时间都花在topojson加载程序上（无论它住在哪里）。一旦您缩小了范围，并且自己采取了一些措施来改善情况，请缩小您的问题范围，以便我们可以帮助您解决遇到的特定问题。^+1，首先使用浏览器的分析工具来找出花费了这么长时间的原因。下载资源？第一个渲染帧？一旦你做到了这一点，如果你不确定如何改进它们，这是一个更容易回答的问题