feat: 首页添加性能监控
This commit is contained in:
@@ -31,6 +31,7 @@ import { initializePostHog } from './store/slices/posthogSlice';
|
|||||||
|
|
||||||
// Utils
|
// Utils
|
||||||
import { logger } from './utils/logger';
|
import { logger } from './utils/logger';
|
||||||
|
import { performanceMonitor } from './utils/performanceMonitor';
|
||||||
|
|
||||||
// PostHog 追踪
|
// PostHog 追踪
|
||||||
import { trackEvent, trackEventAsync } from '@lib/posthog';
|
import { trackEvent, trackEventAsync } from '@lib/posthog';
|
||||||
@@ -57,6 +58,11 @@ function AppContent() {
|
|||||||
logger.info('App', 'PostHog Redux 初始化已触发');
|
logger.info('App', 'PostHog Redux 初始化已触发');
|
||||||
}, [dispatch]);
|
}, [dispatch]);
|
||||||
|
|
||||||
|
// ⚡ 性能监控:标记 React 初始化完成
|
||||||
|
useEffect(() => {
|
||||||
|
performanceMonitor.mark('react-ready');
|
||||||
|
}, []);
|
||||||
|
|
||||||
// ✅ 首次访问追踪
|
// ✅ 首次访问追踪
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const hasVisited = localStorage.getItem('has_visited');
|
const hasVisited = localStorage.getItem('has_visited');
|
||||||
|
|||||||
@@ -3,6 +3,10 @@ import React from 'react';
|
|||||||
import ReactDOM from 'react-dom/client';
|
import ReactDOM from 'react-dom/client';
|
||||||
import { BrowserRouter as Router } from 'react-router-dom';
|
import { BrowserRouter as Router } from 'react-router-dom';
|
||||||
|
|
||||||
|
// ⚡ 性能监控:在应用启动时尽早标记
|
||||||
|
import { performanceMonitor } from './utils/performanceMonitor';
|
||||||
|
performanceMonitor.mark('app-start');
|
||||||
|
|
||||||
// 导入 Brainwave 样式(空文件,保留以避免错误)
|
// 导入 Brainwave 样式(空文件,保留以避免错误)
|
||||||
import './styles/brainwave.css';
|
import './styles/brainwave.css';
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user