Poor performance on large files

[ershovdz]

Poor performance when open the attached obj file.
Opening file takes too much time and memory. But if I open the same file in https://3dviewer.net/# it opens very fast.
Penthouse.zip

[kroko]

Confirmed

After second check it seems that https://3dviewer.net/ behaves slow for this model too, both by uploading Penthouse-org.obj as well as passing it as URL, thus your premise IMHO actually does not stand. I used browser in no cache mode to validate (but did not quantise my observation, just subjective feel for timing and behaviour).

Here are CORS'ed versions that can be loaded in 3dviewer.net via Open from URL promt

• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse-org.obj your original
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse-dis-mtllib.obj your original with mtllib commented out
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse-reexport.mtl reexport from Blender
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse-reexport.obj reexport from Blender
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse.glb export from Blender
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse.ply export from Blender
• https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse.stl export from Blender

Other 3D viewers choke on your file too.

• https://viewer.autodesk.com/designviews observe how long it takes to load, viewport performance is good though
• https://www.creators3d.com/online-viewer observe how long it takes to load, viewport performance is stalling, webpage becomes unusable
• https://glb.ee/upload-model Error! Model size exceeds the allowed limit 😄
• https://fetchcfd.com/3d-viewer clone of 3dviewer.net, same bad performance
• https://www.viewstl.com/ viewport performance is stalling, webpage becomes unusable

OBJ weighting 54MB means huge tree. Autodesk case hints though that there might be some internal representation tricks.

Needs more investigation, but maybe this case just represents limits on what JS / WebGL 2 (no WebGPU at this point) on top on Three.js can do.

[ershovdz]

Just to make it clear.
My configuration: Windows 11 22H2, Nvidia 3060, 32 Gb Ram, CPU Amd Ryzen 5800H.
I use this url to open in browsers for 3dviewer:
https://3dviewer.net/#model=https://bucket.cdn-d01.warp.lv/user-ershovdz/Penthouse-org.obj
Clear cache in browsers. Open url.
Chrome (latest version): 10 seconds and 900 Mb ram
Firefox (latest version): 15 seconds and 800 Mb ram

I use this url for nextcloud app files3dmodel viewer for the same file:
http://localhost:8080/apps/files/?dir=/&openfile=4893
Clear cache in browsers. Open url.
Chrome (latest version): 19 seconds and 3000 Mb ram
Firefox (latest version): didn't wait for opening (more 90 seconds) and it took 5000 Mb of ram

https://fetchcfd.com/3d-viewer opens this file for only 4 seconds and use only 900 Mb in Chrome !

[ershovdz]

Looks like I've found the root cause. Just remove this line:

files_3dmodelviewer/src/js/App/App.mjs

Line 58 in 36acc7e

viewerObj: null,

It's disable vue reactivity for viewer.

[kroko]

note to myself: @AbsolutePhoenix in #12 has found that it happens above 16MB mark for STL files.

[kroko]

@ershovdz please try 0.0.11 with your Penthouse.zip

[kroko]

if the issue persists, please report and i will reopen this ticket.