Apply dynamic imports with loading skeletons to heavy components to reduce initial bundle size. Priority targets include SpotifyControls (380KB), TimerControls, and any pages containing charts or visualizations. Example: const HeartRateTimeSeries = dynamic(() => import('./HeartRateTimeSeries'), { ssr: false, loading: () => }).
Priority: High | Effort: Medium
Apply dynamic imports with loading skeletons to heavy components to reduce initial bundle size. Priority targets include SpotifyControls (380KB), TimerControls, and any pages containing charts or visualizations. Example: const HeartRateTimeSeries = dynamic(() => import('./HeartRateTimeSeries'), { ssr: false, loading: () => }).
Priority: High | Effort: Medium