改善三个js加载时间

问题描述 投票:0回答:1

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

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

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

performance three.js
1个回答
1
投票
  • 缩小3D模型数据;
  • 使用压缩纹理格式,如dds或crunch;
  • 将大场景切成小块并用lods装载;

希望这有用。

© www.soinside.com 2019 - 2024. All rights reserved.