nextjs first needs to load the server components and then the client ones

so if u have async components they have to complete before router pushes

Isn't there a way to optimize, to improve the performance of loading the page faster?

u can use react suspend

@Mini Rex u can suspend serverside components and show some loading ui before their promise finishes, take a look at the docs, i use it all the time

if that helped u make sure to mark my answer as solution v

dev mode is slow, that's normal.

firstly, the compiled versions of the pages during dev mode is not optimised, and significantly bigger than the bundle you would get in production mode.

secondly, the pages are only compiled and built on-demand. in other words, nextjs only builds the page when you navigate to it.

thirdly, the dev server is infamously known for its slowness