From e02cbcd9b766b678391895dcec24a6ddd486ebc5 Mon Sep 17 00:00:00 2001 From: zdl <3489966805@qq.com> Date: Wed, 17 Dec 2025 18:29:35 +0800 Subject: [PATCH] =?UTF-8?q?feat(=E6=80=A7=E8=83=BD=E7=9B=91=E6=8E=A7):=20?= =?UTF-8?q?=E8=A1=A5=E5=85=A8=20T0=20=E6=A0=87=E8=AE=B0=20+=20PostHog=20?= =?UTF-8?q?=E4=B8=8A=E6=8A=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - index.js: 添加 html-loaded 标记(T0 监控点) - performanceMonitor.ts: 调用 reportPerformanceMetrics 上报到 PostHog - 现在完整监控 T0-T5 全部阶段并上报性能指标 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/index.js | 11 +++++++++++ src/utils/performanceMonitor.ts | 4 ++++ 2 files changed, 15 insertions(+) diff --git a/src/index.js b/src/index.js index 6324f2db..eff6b9e9 100755 --- a/src/index.js +++ b/src/index.js @@ -5,6 +5,17 @@ import { BrowserRouter as Router } from 'react-router-dom'; // ⚡ 性能监控:在应用启动时尽早标记 import { performanceMonitor } from './utils/performanceMonitor'; + +// T0: HTML 加载完成时间点 +if (document.readyState === 'complete') { + performanceMonitor.mark('html-loaded'); +} else { + window.addEventListener('load', () => { + performanceMonitor.mark('html-loaded'); + }); +} + +// T1: React 开始初始化 performanceMonitor.mark('app-start'); // ⚡ 已删除 brainwave.css(项目未安装 Tailwind CSS,该文件无效) diff --git a/src/utils/performanceMonitor.ts b/src/utils/performanceMonitor.ts index 2c4b115f..961e0cc4 100644 --- a/src/utils/performanceMonitor.ts +++ b/src/utils/performanceMonitor.ts @@ -2,6 +2,7 @@ // 性能监控工具 - 统计白屏时间和性能指标 import { logger } from './logger'; +import { reportPerformanceMetrics } from '../lib/posthog'; /** * 性能指标接口 @@ -208,6 +209,9 @@ class PerformanceMonitor { // 性能分析建议 this.analyzePerformance(); + // 上报性能指标到 PostHog + reportPerformanceMetrics(this.metrics); + return this.metrics; }