frontend/js/library-3d.js: Large 3D models loading synchronously, blocking the main thread #425

Activity

1. devanshi14malhotra

   added

   good first issueGood for newcomersGood for newcomers

   on May 10, 2026
2. Dhrupad-05 commented on May 10, 2026

   

   Dhrupad-05

   on May 10, 2026

   More actions

   Hi @devanshi14malhotra, I’d like to work on this issue under GSSoC’26.

   Proposed Solution

   I’ll refactor the synchronous 3D asset loading flow in frontend/js/library-3d.js to use asynchronous loading mechanisms for large models.

   The implementation may include:

   • Using async model loaders for non-blocking asset loading
   • Introducing a loading spinner/progress indicator during heavy asset fetches
   • Deferring expensive operations until assets are fully loaded
   • Exploring lightweight worker-based handling where appropriate

   Expected Outcome

   • Improved UI responsiveness during model loading
   • Reduced browser freezing/blocking on heavy assets
   • Better user experience for slower devices and networks
   • Smoother rendering pipeline for large 3D scenes

   Please assign this issue to me.
3. devanshi14malhotra

   assigned

   aniket866

   on May 11, 2026
4. devanshi14malhotra

   added

   NSoC'26For issues and PRs which are a part of the Nexus Spring of Code open source eventFor issues and PRs which are a part of the Nexus Spring of Code open source event

   level25 points5 points

   level310 points10 points

   and removed

   level25 points5 points

   on May 15, 2026
5. RAGASUDHA-B commented on May 17, 2026

   

   RAGASUDHA-B

   on May 17, 2026

   More actions

   Hi @devanshi14malhotra,

   I have gone through the issue and understand the problem.

   Problem Summary:
   The file frontend/js/library-3d.js is loading large 3D models synchronously, which blocks the main thread and causes UI freezing or lag, especially on slower devices.

   Proposed Solution:
   I will refactor the model loading flow to make it asynchronous so that it does not block the main thread.

   Planned improvements:

   • Move heavy 3D model loading to async flow
   • Use non-blocking loading techniques (async/await or lazy loading where applicable)
   • Add a loading spinner/progress indicator during model load
   • Explore Web Workers if any computation-heavy tasks are involved
   • Ensure smooth rendering without freezing UI

   Expected Outcome:

   • No UI blocking during model load
   • Improved performance and responsiveness
   • Better user experience on low-end devices

   If the issue is still open for contribution, I would like to work on it under GSSoC'26. Kindly let me know if I can take this up.
6. devanshi14malhotra

   closed this as completedin #675on May 18, 2026