Greetings, I am in the process of creating a 3D Model Viewer using Three.Js, but I have encountered an issue with loading times that I can't seem to pinpoint.
For demonstration purposes, I am attempting to upload this model here (download link):
You can test it on this gltf Viewer here:
The model loads almost instantaneously on the viewer mentioned above.
However, when you try to load the same model on my website: , it takes well over two minutes to fully load. This delay seems abnormal, what could be causing such slow rendering?
Below is the code snippet I'm using:
<canvas id="canvas"></canvas>
<br>
<div style="margin:15px; margin-bottom:0px;">
<progress id="load_lowPoly" value="0" max="100"></progress>
<div id="lowPoly_progress">Loading Raw Model</div>
</div>
...
...
</script>
I initially thought this method would suffice for loading the model efficiently. However, based on the performance issues evident on my website, it's clear there is room for improvement. Any suggestions on how I can optimize and resolve this loading problem?