如何使用next js加速getServerSideProps？

Question

当我在next js中使用getServerSideProps时，页面加载几乎需要5到6秒。我试着只使用一个url来获取，并不是很多，但同样的，它需要很多的页面加载。

export const getServerSideProps = async (ctx) => {
   let data ;
   try {
      data = axios.get("url")
   } catch(e){
      data = "error"
   }
   return {
     data: data,
   };
 };

我想知道有没有什么技巧可以加快getServerSideProps数据的获取速度，这样我就可以更快地加载初始页面？

Answer 1

我刚刚找到了一个关于如何加速getServerSideProps的article，并且它起作用了。

Answer 2

我不知道是什么场景让你想要使用getServerSideProps，但是如果可能的话，你可以改用getStaticProps。

当你使用getServerSideProps时，第一个字节的时间(TTFB)会比getStaticProps慢，因为服务器必须计算每个请求的结果，并且如果没有额外的配置，结果不能被CDN缓存。

因此，如果SEO对您很重要，并且您希望提供更新的数据，您可以使用带有Incremental Static Regeneration feature的getStaticProps，它允许您通过在流量到来时在后台重新呈现现有页面来更新现有页面。

或者，如果SEO并不重要(比如在面板和web应用程序上)，您可以在客户端获取数据。