Add Dynamic Import / Code Splitting for Tool Components #48
Description
Problem :
All tool components are bundled eagerly.
This increases initial bundle size.
Proposed Solution :
Use:
- const ToolComponent = dynamic(() => import(...), { ssr: false })
- Or split tools into separate chunks per slug.
Benefits :
- Smaller initial bundle
- Faster homepage load
- Better Lighthouse score
- More production-ready
I would like to work on this issue.
Kindly assign this to me under APERTRE 3.0.
Thanks !