使用 nuxt3 在 vercel 上加载初始页面缓慢

Question

我有一个关于我的 nuxt 登陆页面的 vercel 初始加载缓慢的问题。似乎偶尔 我的网站主页加载时间非常长。几乎所有加载时间都来自 https://* url。

我在请求中注意到执行了以下请求： X-Nitro-Prerender:/api/_content/query/oXVcX8nCZd.1697526020655.json

而且我总是有缓存未命中： X-Vercel-Cache：未命中

这些可能是我的初始页面加载缓慢的原因吗？我该如何解决这个问题？

这是我的 nuxt.config.ts：

import dynamicRoutes from './helpers/dynamicRoutes'

export default defineNuxtConfig({
    devtools: {enabled: process.env.NODE_ENV !== 'production'},
    modules: ['@nuxt/image', '@nuxtjs/robots', '@nuxtjs/tailwindcss', '@funken-studio/sitemap-nuxt-3'],
    routeRules: {
        '/**': {prerender: true},
        '/blogs/**': {ssr: true}
    },
    nitro: {
        prerender: {
            crawlLinks: true,
        }
    },
    sitemap: {
        hostname: 'https:/<>',
        cacheTime: 1,
        routes: dynamicRoutes,
        defaults: {
            changefreq: 'daily',
            priority: 1,
            lastmod: new Date().toISOString(),
        },
    }
})

这是我的 vercel.json：

{
  "redirects": [
    {
      "source": "/dashboard/:path*",
      "destination": "https://<>/dashboard/:path*",
      "permanent": true
    },
    {
      "source": "/account/:path*",
      "destination": "https://<>/account/:path*",
      "permanent": true
    },
    {
      "source": "/login/:path*",
      "destination": "https://<>/login/:path*",
      "permanent": true
    }
  ]
}

我使用 vercel 中 nuxt.js 的默认设置来构建我的页面。

有人知道如何解决初始页面加载时间吗？

Answer 1

我已转向以下路线规则：

routeRules: {
        '/blogs/**': {ssr: true},
        '/': {isr: 60},
        .
        .
        .
        '/features/**: {isr: 60},
    }

这可以确保我的页面被缓存。缓存未命中是我的网站有时加载缓慢的原因。我还删除了“/”规则，因为它似乎与“博客/”规则冲突，而是单独编写每个页面或页面组。