javascript - 如何使用下一个 js 加速 getServerSideProps？

Question

当我在下一个 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但如果可能，您可以使用 getStaticProps反而。
当您使用 getServerSideProps到第一个字节的时间 (TTFB) 将比 getStaticProps 慢因为服务器必须对每个请求计算结果，如果没有额外的配置，CDN 无法缓存结果。
因此，如果 SEO 对您很重要并且您想提供更新的数据，您可以使用 getStaticProps与 Incremental Static Regeneration feature它允许您通过在流量进入时在后台重新呈现它们来更新现有页面。
或者，如果 SEO 不重要(例如在面板和网络应用程序上)，您可以在客户端获取数据。