feat(性能监控): 补全 T0 标记 + PostHog 上报

- index.js: 添加 html-loaded 标记(T0 监控点)
- performanceMonitor.ts: 调用 reportPerformanceMetrics 上报到 PostHog
- 现在完整监控 T0-T5 全部阶段并上报性能指标

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-17 18:29:35 +08:00
parent 9bb9eab922
commit e02cbcd9b7
2 changed files with 15 additions and 0 deletions

View File

@@ -5,6 +5,17 @@ import { BrowserRouter as Router } from 'react-router-dom';
// ⚡ 性能监控:在应用启动时尽早标记 // ⚡ 性能监控:在应用启动时尽早标记
import { performanceMonitor } from './utils/performanceMonitor'; 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'); performanceMonitor.mark('app-start');
// ⚡ 已删除 brainwave.css项目未安装 Tailwind CSS该文件无效 // ⚡ 已删除 brainwave.css项目未安装 Tailwind CSS该文件无效

View File

@@ -2,6 +2,7 @@
// 性能监控工具 - 统计白屏时间和性能指标 // 性能监控工具 - 统计白屏时间和性能指标
import { logger } from './logger'; import { logger } from './logger';
import { reportPerformanceMetrics } from '../lib/posthog';
/** /**
* 性能指标接口 * 性能指标接口
@@ -208,6 +209,9 @@ class PerformanceMonitor {
// 性能分析建议 // 性能分析建议
this.analyzePerformance(); this.analyzePerformance();
// 上报性能指标到 PostHog
reportPerformanceMetrics(this.metrics);
return this.metrics; return this.metrics;
} }