改善三个js加载时间

时间:2018-02-27 10:56:45

标签: performance three.js

我是webgl和三个js的新手,但我设法在几周内完成了一个小项目。但我想问的是,我能做些什么来改善应用程序的加载时间?我并没有抱怨fps,因为与它的互动很顺利,但是加载所有东西需要很长时间。你们有什么提示或资源我可以检查以改善捆绑js加载时间吗?

我使用d3,topojson和三个js。该项目是一个带有背景图像的3d地球仪。地球有一个纹理,它显示了你正在徘徊的国家的叠加(所以它有鼠标移动和点击事件)。它还有3d标记(球体和圆柱体),并在您单击时进行交互。

我尝试删除所有可能的代码,避免繁重的计算,并尽可能地使用BufferGeometry。它也有颗粒。由于它使用点击事件,我需要Projector.js,我需要OrbitControls.js作为控制逻辑。我也在事件中使用去抖动。我只是询问一般的三个js提示,一些指导,以避免等待整个场景加载6-9秒。谢谢!

1 个答案:

答案 0 :(得分:1)

  • 缩小3D模型数据;
  • 使用压缩纹理格式,如dds或crunch;
  • 将大场景切成小块,然后按照lods加载;

希望这有用。

相关问题