"First Load JS" size is relatively large for some pages

[kartikver15gr8]

During the build, the size of First Load JS for some pages is quite large.

This higher First Load JS might impact the initial load performance, especially for users on slower networks or devices.

Areas of improvement

1. Shared chunks: The shared chunks total to 492 kB. This includes framework, main, pages/_app, and webpack chunks. Reducing the size of these shared chunks will positively impact the initial load time for all pages.

2. Page-Specific Chunks: Individual pages have their own sizes which contribute to the "First Load JS". For example, the homepage / has a size of 8.3 kB but requires 521 kB of JavaScript for the first load. This is because it includes the shared chunks.

We can fix this issue to enhance the overall performance of the application by taking following measures.

1. Breaking down bigger components into smaller reusable/shared components
2. Ensuring the app is taking advantage of Tree shaking that helps in getting rid of unused code.
3. Caching & compressing the returning JS.

I'm currently working upon this issue, let me know if you're open to fix it.

Thank You!