Our initial bundle size is quite large because heavy libraries like Three js in HeaderScene tsx and the canvas confetti library are imported statically. Use Next js dynamic imports to lazy load these components only when they are needed or when they scroll into view. This will significantly improve our Core Web Vitals and initial page load speed.
Our initial bundle size is quite large because heavy libraries like Three js in HeaderScene tsx and the canvas confetti library are imported statically. Use Next js dynamic imports to lazy load these components only when they are needed or when they scroll into view. This will significantly improve our Core Web Vitals and initial page load speed.