THREEJS性能优化
发布网友
发布时间：2023-02-14 13:21
共1个回答
热心网友
时间：2023-09-12 17:56
1、尽量使用clone方法；
2、不需要的时候一定要dispose；
3、优先使用BufferGeometry；
4、注意图片压缩；
5、重点优化requestAnimationFrame内的方法（描述一）；
6、如果有大量外部模型，一定要结合使用gltf-pipeline与Draco（描述二）。
如果涉及到需要使用animate，尽量在需要渲染的时候来执行内容：
首先，建议使用gltf或者glb来加载模型。如果有大量外部模型，一定要结合使用gltf-pipeline与Draco。
这很重要，有时候我们获得的gltf模型文件后，我们可以轻易的压缩图片；但有些scene.bin文件可以达到100M或200M以上，模型多了之后会很大程度影响使用体验。
结合使用gltf-pipeline与Draco，可以有效的压缩文件甚至在10M以下！
1、首先你要将three/examples/js/libs/draco文件夹放到public目录下！
2、进入需要压缩的gltf模型文件，执行gltf-pipeline -i scene.gltf -o sceneDraco.gltf -d
执行成功后删除原先的.gltf .bin文件
如果没有安装过gltf-pipeline，使用npm全局安装即可
https://github.com/aisriver
