A few performing tips of three js as my experiences

1、Larger files, such as vertices & triangles, textures, will consume network resources in loading phase

2、Try to use BufferGeometry to replace Geometry will result in an amazing performance turning

3、Apply Geometry.merge method as many as possible

When to use it ?

The answer is whenever possible due to the performance improvement. The merged geometry will act as a single atomic shape. So it is perfect with static geometry. But it may not be suitable in all cases. For example, it won’t be possible to move the merged objects independantly from each other. Or you can no more remove or add a object without recomputing the whole geometry.

4、Although geometry utilities such as ExtrudedGeometry can simplify your programming work, it will consume large percentage computational resources like CPU and memory. Instances of buffered geometry will always be my first choice.

5、Try mesh tools such as mesh lab to simplify the mesh vertices without changing much of the mesh appearance . Trust me, it works.

6、Try more hard work on shading program coding, they can maximize the GPU