Next.js Discord

Discord Forum

NEXT initial page loading time

Answered
Goldstripe sardinella posted this in #help-forum
Open in Discord
Avatar
Goldstripe sardinellaOP
Hello! Is it normal for a Blank next project created with npx create-next-app@latest, where I removed from the main index page all the JSX and the imports and only left a header - the DomContentLoaded time to be 9.83 seconds? As you can see in the screenshot, in the bottom right corner.

I'm specifically talking about BAD internet connection here, using Chrome's "fast 3g" throttling.
But I also checked other websites such as booking.com and there de structure loads immediatly, even in bad connection situation.

Are there ways to make it show instantly, since it's only static data that should be downloaded in no-time? (just a header)
My problem is that in another app, the initial waiting times are too high and I don't understand why.

Thanks
Image
Answered by Yi Lon Ma
the development server is slow as it does everything on fly, production mode does so many optimizations
View full answer

7 Replies

Avatar
Yi Lon Ma
I can see webpack-hmr there so this is a development server
try pnpm buildand then pnpm start
Avatar
Goldstripe sardinellaOP
isnt't it normal? since it's basically development?
Though I tried build and start and now the load time is 1.78seconds. Why though?
Avatar
Yi Lon Ma
the development server is slow as it does everything on fly, production mode does so many optimizations
Answer
Avatar
Yi Lon Ma
that's why it is fast
Avatar
Goldstripe sardinellaOP
Oh okay I see, thanks!