analyzer

用法

'use client'

import { useReportWebVitals } from 'next/web-vitals'

export function WebVitals() {
  useReportWebVitals((metric) => {
    console.log(metric)
  })
  return undefined
}

支持的性能指标

analyzer

Bundle Analyzer bundle 分析器

安装

pnpm add @next/bundle-analyzer

使用

import withBundleAnalyzer from '@next/bundle-analyzer'

export default withBundleAnalyzer(nextConfig)