我几乎完成了我的第一个Next.js应用程序。dev加载总是有点慢,但生产是绝对荒谬的。在第一次加载时,需要30秒以上的主页呈现。我见过非常慢的网站需要5-10秒,但我可能做错了什么,会导致30秒的加载时间?预取是性能的巨大杀手吗?
fquxozlt1#
首先你需要找出是什么让你的网站变慢,为此我推荐使用lighthouse或者你的开发工具的网络标签。
Next.js有两种模式,开发模式(next dev)非常慢,因为要执行和提供很多开发工具。要在生产模式下运行应用,请先使用next build构建应用,然后使用next start启动应用。
next dev
next build
next start
有时候开发人员会在next.js中包含巨大的npm模块,甚至是只为node.js构建的模块。通过以下示例,找到这些模块实际上非常容易:
如果你在一个无服务器的提供者上运行你的next.js示例,请记住启动无服务器示例可能需要一些时间,特别是如果你有一个免费的套餐。
juud5qan2#
尝试从Windows Defender中排除您的开发目录
2条答案
按热度按时间fquxozlt1#
找到瓶颈:
首先你需要找出是什么让你的网站变慢,为此我推荐使用lighthouse或者你的开发工具的网络标签。
常见的开发人员错误:
A.开发代替生产模式:
Next.js有两种模式,开发模式(
next dev
)非常慢,因为要执行和提供很多开发工具。要在生产模式下运行应用,请先使用
next build
构建应用,然后使用next start
启动应用。B.包含太多代码:
有时候开发人员会在next.js中包含巨大的npm模块,甚至是只为node.js构建的模块。
通过以下示例,找到这些模块实际上非常容易:
C.冷无服务器示例:
如果你在一个无服务器的提供者上运行你的next.js示例,请记住启动无服务器示例可能需要一些时间,特别是如果你有一个免费的套餐。
juud5qan2#
尝试从Windows Defender中排除您的开发目录