如果你的项目托管在Vercel，那么 Web Analytics 与 Speed Insights 是Vercel提供的非常不错的网络分析与用户体验分析工具，值得在项目中安装部署。
Vercel Web Analytics
安装包：
npm i @vercel/analytics
Next.js项目中添加代码：
import { Analytics } from '@vercel/analytics/next';
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<title>Next.js</title>
</head>
<body>
{children}
<Analytics />
</body>
</html>
);
}
保存项目，推送到github，这样你就有了一个非常简单的访问统计以及分析了，可以在vercel的控制面板中查看。
Vercel Speed Insights
Speed Insights是用来观测用户真实的访问网站速度体验的，可以直观的看到用户连接网站的访问速度，依次为依据对页面进行优化，已达到最佳的访问速度。而且指标优秀的话，也容易背搜索引擎收录。
安装方法和上边的差不多：
npm i @vercel/speed-insights
项目中插入代码：
import { SpeedInsights } from '@vercel/speed-insights/next';
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<title>Next.js</title>
</head>
<body>
{children}
<SpeedInsights />
</body>
</html>
);
}
保存项目，推送到github，vercel重新构建项目后刷新页面就会看到访问速度的数据了。
总结
通过这这两个插件的数据可以分析站点的访问统计以及访问速度，站长可以根据数据对站点进行优化，使网站已达到最佳的访问状态。