How to optimize objects in three.js? Methods of optimization

It’s hard to answer this question without doing a performance analysis of your application. So I can only provide some general best practices.

To improve the performance of you app, you generally want to reduce the amount of draw calls and the complexity of your geometries and materials. You can try for example to …

  • merge geometries,
  • use instanced rendering,
  • use simple materials like MeshBasicMaterial or MeshLambertMaterial,
  • use LOD mechanism,
  • reduce the overall model complexity.

Performance optimization was discussed in this forum multiple times. Just search for the tag performance and you will find some interesting stuff.

5 Likes