Analytics
Next.jsは、パフォーマンスのメトリクスを測定し、報告するための組み込みサポートを提供しています。useReportWebVitals
フックを使用して自分で報告を管理するか、代わりにVercelの管理サービスを利用して 自動的にメトリクスを収集および可視化することができます。
自分で構築する
app/_components/web-vitals.js
'use client'
import { useReportWebVitals } from 'next/web-vitals'
export function WebVitals() {
useReportWebVitals((metric) => {
console.log(metric)
})
}