SEO：自定义报告 | Next.js

您也可以使用 Next.js Speed Insights 内置的中继器，将数据发送到自己的服务或推送到 Google Analytics（谷歌分析）。

现在让我们看看如何实现这一功能。我们可以将其添加到我们一直在优化的演示应用中。

我们将使用 console.log 来实时查看指标。

为此，我们可以利用 Next.js 提供的 reportWebVitals 函数：

注意： 如果您刚完成前面的课程，则无需进行此操作。

npx create-next-app@latest nextjs-lighthouse --use-npm --example "https://github.com/vercel/next-learn/tree/main/seo"

打开 pages/_app.js 文件并导出以下函数：

export function reportWebVitals(metric) {
  console.log(metric);
}

然后构建并启动您的应用：

npm run build && npm run start

如果您打开 Chrome，将在开发者工具控制台中看到这些指标。您还会注意到 FID 指标仅在您与页面交互时才会触发。

自定义报告