next.js,服务器端页面呈现速度是否更快?
next.js, is server side pages rendered faster?
我有一个隐藏在 auth 后面的页面,所以 SEO 无关紧要。
它包括获取相当多的数据。如果我使用 SSR 并在 getServerSideProps 中获取数据,页面是否会更快地完成加载,或者与客户端获取相比是否会有边际差异?
该页面只能通过手机访问。
TLDR;
它取决于页面的许多方面,但它可能 运行 更快,因为它在性能结果方面提供了更好的 FMP 分数。但对于像 signup/sign-in 这样的页面,它不会产生任何明显的差异,因为您应该将 FMP 和交互时间间隔保持在非常低的水平。
主要区别是什么?
首先,我要提到的是,结果可能会因地理位置、服务器和延迟而异,但根据 studies,应用程序的 SSR 版本可能比 CSR 版本更快,因为它会为用户更快地呈现页面的可视内容。但是页面在完全加载之前可能无法交互。
SSR (Server Side Rendering e.g. Next.js) vs. CSR (Client Side Rendering e.g. Create React App)
结论
根据您的使用情况,您应该多加考虑。所以对于 apps/pages 之类的个人面板之类的东西,FMP 和性能分数并不重要,因为用户应该已经与页面交互并做了一些事情,并且在加载内容时它应该是完全可交互的,所以恕我直言,最好坚持使用 CSR,并减少使页面像 SSR 一样的努力。否则,对于其他着陆页,您应该让用户兴奋并向他们展示您的一些内容,然后他们才意识到您的应用不值得坚持使用,因为它很慢。
我有一个隐藏在 auth 后面的页面,所以 SEO 无关紧要。
它包括获取相当多的数据。如果我使用 SSR 并在 getServerSideProps 中获取数据,页面是否会更快地完成加载,或者与客户端获取相比是否会有边际差异? 该页面只能通过手机访问。
TLDR;
它取决于页面的许多方面,但它可能 运行 更快,因为它在性能结果方面提供了更好的 FMP 分数。但对于像 signup/sign-in 这样的页面,它不会产生任何明显的差异,因为您应该将 FMP 和交互时间间隔保持在非常低的水平。
主要区别是什么?
首先,我要提到的是,结果可能会因地理位置、服务器和延迟而异,但根据 studies,应用程序的 SSR 版本可能比 CSR 版本更快,因为它会为用户更快地呈现页面的可视内容。但是页面在完全加载之前可能无法交互。
SSR (Server Side Rendering e.g. Next.js) vs. CSR (Client Side Rendering e.g. Create React App)
结论
根据您的使用情况,您应该多加考虑。所以对于 apps/pages 之类的个人面板之类的东西,FMP 和性能分数并不重要,因为用户应该已经与页面交互并做了一些事情,并且在加载内容时它应该是完全可交互的,所以恕我直言,最好坚持使用 CSR,并减少使页面像 SSR 一样的努力。否则,对于其他着陆页,您应该让用户兴奋并向他们展示您的一些内容,然后他们才意识到您的应用不值得坚持使用,因为它很慢。