I have created a page using THREE.js available at this link. Unfortunately, but it runs horribly without hardware acceleration enabled in the browser on computers. On phones the site is not very smooth, but it is tolerable.
How can I improve the performance of the site?
What I have done so far:
-I optimized the .glb model using DRACO
-Render call is only called when the camera is rotated or the building is highlighted.
-this.renderer.info.render.calls returns 34, so I belive it is a good number.
-pixel ratio I set to Math.min(window.devicePixelRatio, 1.5)
-I set object.matrixAutoUpdate to false for all objects.