Mark/parametric-furniture-cad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[P1] Lazy-load Three.js viewport for LCP/INP #26

New issue
Closed
opened 2026-06-07 01:55:38 +00:00 by Mark · 0 comments
Mark commented 2026-06-07 01:55:38 +00:00
Owner
Copy link

Large 1.2MB Three.js bundle blocks first paint.

  • dist/assets/three-DKCnAdtj.js:1.2MB uncompressed
  • Vite manualChunks exists but modulepreload hints eager-load it

Impact: LCP > 2.5s likely on mobile 4G. Viewport3D.tsx renders 3D canvas immediately, delaying UI.

Fix: React.lazy(() => import("./Viewport3D")) with Suspense fallback. Remove from modulepreload hints.

Large 1.2MB Three.js bundle blocks first paint. - dist/assets/three-DKCnAdtj.js:1.2MB uncompressed - Vite manualChunks exists but modulepreload hints eager-load it **Impact:** LCP > 2.5s likely on mobile 4G. Viewport3D.tsx renders 3D canvas immediately, delaying UI. **Fix:** React.lazy(() => import("./Viewport3D")) with Suspense fallback. Remove from modulepreload hints.
Mark closed this issue 2026-06-14 07:57:35 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
bug

   
feature-request

   
quickfix

   
test-coverage

Test coverage review / gap report

  
triage-approved
No labels
bug
feature-request
quickfix
test-coverage
triage-approved
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Mark/parametric-furniture-cad#26
No description provided.