Threejs性能优化

1、多使用clone方法
2、模型不需要时dispose
3、使用BufferGeometry
4、图片压缩
5、优化渲染时requestAnimationFrame中的方法,不要重复定义,注意循环
6、模型减顶点减面,使用法线贴图
7、把材质精度降低,尽量共享材质
8、模型拆分加载,或把模型合并,合并有消耗,尽量在编辑器下合并
9、模型格式优化,使用gltf或glb
10、LOD技术
11、异步、分片、缓存,如使用indexedDB存取模型
12、使用websocket,将一些计算放到后台执行
13、不需要显示的,可使用WebGLRenderTarget后台渲染,需要时再加入
14、阴影需要的才打开
15、渲染时,将执行的操作砍半
16、import three会使打包后的JS多出几M,使用哪个import哪个较好
17、视锥体剔除不可见的物体
18、场景摄像机变化时才渲染场景,大部分大屏通常都是静止不动的,发生业务时有时才需要人机交互。

你可能感兴趣的:(前端,three.js)