NextJS开发服务器响应时间

Question

我的主要问题是； Local -Host与Live/Live/Production的响应时间有差异吗？

我在NextJs中有一个IM构建，带有GraphCMS，我正在使用GraphQL/GraphQl-Request来获取数据。当我第一次启动Localhost和页面加载时，我单击页面导航中的一个链接以转到页面上的，实际上需要2秒才能获取数据并更改页面。我正在查看Chrome DevTools中的“网络”选项卡，.json文件状态是（待定），然后切换到200一旦内容为下载。这是来自DevTools的屏幕快照：

当我悬停在瀑布上时，它说等待服务器响应为1.86，内容下载为0.46ms。因此，等待服务器响应是因为IM在本地主机上的原因，还是与GraphCMS服务器有关的是从中获取数据？

另外，您可能会注意到JSON文件大小仅为5.2kb，因此它不是大的提取。

为了给您一些关于代码的上下文，我的查询＆amp;客户端存储在/lib文件夹中：

// /lib/client.js
import { GraphQLClient } from 'graphql-request'

export const graphcmsClient = () =>
  new GraphQLClient(process.env.NEXT_PUBLIC_GRAPHCMS_URL, {
    headers: {
      authorization: `Bearer ${process.env.GRAPHCMS_TOKEN}`,
    },
  })

// example of a query in ./lib/queries.js
import { gql } from 'graphql-request'
    
const blogPageQuery = gql`
  fragment BlogPostFields on BlogPost {
    id
    category
    content
    coverImage {
      id
      height
      url
      width
    }
    excerpt
    published
    slug
    title
   }
  `

这是一个示例，即IM使用getstaticProps并获取查询数据：

export async function getStaticProps({ params, preview = false }) {
  const client = graphcmsClient(preview)
  const collectionCards = await getAllCollections()

  const { page, navigation } = await client.request(pageQuery, {
    slug: params.slug
  })

  if (!page) {
    return {
      notFound: true
    }
  }

  const parsedPageData = await parsePageData(page)

  return {
    props: {
      page: parsedPageData,
      navigation,
      collectionCards,
      preview
    },
    revalidate: 60
  }
}