Hey all, I just finished making a website in visual studio code using cline, and i used threejs models and scenes with all of these diffrent functions and clickable houses, etc. Long story short i uploaded it to netlify and the site is so insaley laggy for anyone who clicks it, it barely loads, and then goes at like 2 frames a second (when the user moves around)< and more. I really need help if anyone can please give me advice on how to make this run smooth. Im a beginner so i dont know much. Basically i tried removing alot of the buildings but its still laggy, and it lags alot on my chrome browser but not brave browser but then lags for some people and not others and its so weird. Moneys not a issue if i need to buy anything for it or pay anyone but i really just need this thing fixed.
#Need someone to help with fixing laggy website
abstract gorge
slim escarp
hello.
In my opinion following strategy seems help improve the performance of your Three.js website
-
Combine multiple small objects into a single mesh using BufferGeometryUtils.mergeBufferGeometries(). This reduces draw calls, which can significantly enhance performance
-
Use simpler geometries with fewer vertices and faces. Complex models can be computationally expensive to render2. Consider creating low-poly versions of your models
-
Optimize texture sizes. Use compressed textures (like JPEG or PNG) and avoid high-resolution textures unless necessary1. You can also consider using texture atlases to reduce the number of texture bindings.
If u wanna more detail , anytime send me DM and feel free to ask
best regards