GEO性能监测
建立GEO性能的持续监测体系，从合成测试到真实用户数据的全链路性能管理

{
  "ci": {
    "collect": {
      "url": [
        "https://example.com/",
        "https://example.com/docs/article1",
        "https://example.com/docs/article2"
      ],
      "numberOfRuns": 3,
      "settings": {
        "preset": "desktop",
        "throttling": {
          "rttMs": 40,
          "throughputKbps": 10240,
          "cpuSlowdownMultiplier": 1
        }
      }
    },
    "assert": {
      "assertions": {
        "categories:performance": ["warn", {"minScore": 0.9}],
        "categories:seo": ["error", {"minScore": 0.9}],
        "categories:accessibility": ["warn", {"minScore": 0.9}],
        "largest-contentful-paint": ["error", {"maxNumericValue": 2500}],
        "interaction-to-next-paint": ["error", {"maxNumericValue": 200}],
        "cumulative-layout-shift": ["error", {"maxNumericValue": 0.1}],
        "total-blocking-time": ["warn", {"maxNumericValue": 300}]
      }
    },
    "upload": {
      "target": "filesystem",
      "outputDir": "./lighthouse-reports"
    }
  }
}

<!-- 真实用户性能监测 -->
<script type="module">
import { onLCP, onINP, onCLS, onTTFB, onFCP } from 'web-vitals';

function sendMetric(metric) {
  // 使用navigator.sendBeacon上报数据
  const data = JSON.stringify({
    name: metric.name,
    value: metric.value,
    rating: metric.rating,  // 'good' | 'needs-improvement' | 'poor'
    id: metric.id,
    page: location.pathname,
    timestamp: Date.now()
  });
  
  navigator.sendBeacon('/api/web-vitals', data);
}

// 监听Core Web Vitals指标
onLCP(sendMetric);
onINP(sendMetric);
onCLS(sendMetric);
onTTFB(sendMetric);
onFCP(sendMetric);
</script>

<!-- 或者使用Google Analytics 4自动收集 -->
<!-- GA4已内置Web Vitals收集功能 -->
<script>
// GA4 Web Vitals配置
gtag('config', 'GA_MEASUREMENT_ID', {
  web_vitals: true
});
</script>