我注意到以下事实:在我用npm run dev命令“启动”代码后,立即加载一个页面需要更长的时间,然后在所有后续的“页面刷新”中。看看Chrome DevTools中的网络选项卡,我发现,第一次加载比第二次加载慢4倍。
npm run dev
首次加载x1c 0d1x第二次加载
为什么会这样?有没有什么方法可以加快速度?先谢谢你了!
qvtsj1bj1#
Next.js在development模式下进行lazy编译:当第一个请求被发送到端点时。随后的请求由编译后的代码提供。https://github.com/vercel/next.js/issues/608在production模式下,所有资源都必须预先使用next build编译,以获得最佳性能,您可以自己尝试:https://nextjs.org/docs/app/api-reference/next-cli#production
development
production
next build
1条答案
按热度按时间qvtsj1bj1#
Next.js在
development
模式下进行lazy编译:当第一个请求被发送到端点时。随后的请求由编译后的代码提供。https://github.com/vercel/next.js/issues/608在
production
模式下,所有资源都必须预先使用next build
编译,以获得最佳性能,您可以自己尝试:https://nextjs.org/docs/app/api-reference/next-cli#production