feat: 添加 认证检查 和 首页渲染 的性能标记

src/contexts/AuthContext.js

@@ -2,8 +2,9 @@
 import React, { createContext, useContext, useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useToast } from '@chakra-ui/react';
-import { logger } from '../utils/logger';
+import { logger } from '@utils/logger';
-import { useNotification } from '../contexts/NotificationContext';
+import { performanceMonitor } from '@utils/performanceMonitor';
+import { useNotification } from '@contexts/NotificationContext';
 import { identifyUser, resetUser, trackEvent } from '@lib/posthog';
 import { SPECIAL_EVENTS } from '@lib/constants';
 
@@ -37,6 +38,9 @@ export const AuthProvider = ({ children }) => {
 
   // 检查Session状态
   const checkSession = async () => {
+    // ⚡ 性能标记：认证检查开始
+    performanceMonitor.mark('auth-check-start');
+
     // 节流检查
     const now = Date.now();
     const timeSinceLastCheck = now - lastCheckTimeRef.current;
@@ -47,6 +51,8 @@ export const AuthProvider = ({ children }) => {
         minInterval: `${MIN_CHECK_INTERVAL}ms`,
         reason: '距离上次请求间隔太短'
       });
+      // ⚡ 性能标记：认证检查结束（节流情况）
+      performanceMonitor.mark('auth-check-end');
       return;
     }
 
@@ -125,6 +131,8 @@ export const AuthProvider = ({ children }) => {
       setUser((prev) => prev === null ? prev : null);
       setIsAuthenticated((prev) => prev === false ? prev : false);
     } finally {
+      // ⚡ 性能标记：认证检查结束
+      performanceMonitor.mark('auth-check-end');
       // ⚡ 只在 isLoading 为 true 时才设置为 false，避免不必要的状态更新
       setIsLoading((prev) => prev === false ? prev : false);
     }

src/views/Home/HomePage.tsx

@@ -9,6 +9,7 @@ import { usePostHogTrack } from '@/hooks/usePostHogRedux';
 import { useHomeResponsive } from '@/hooks/useHomeResponsive';
 import { ACQUISITION_EVENTS } from '@/lib/constants';
 import { CORE_FEATURES } from '@/constants/homeFeatures';
+import { performanceMonitor } from '@/utils/performanceMonitor';
 import type { Feature } from '@/types/home';
 import { HeroBackground } from './components/HeroBackground';
 import { HeroHeader } from './components/HeroHeader';
@@ -36,6 +37,11 @@ const HomePage: React.FC = () => {
     showDecorations
   } = useHomeResponsive();
 
+  // ⚡ 性能标记：首页组件挂载 = 渲染开始
+  useEffect(() => {
+    performanceMonitor.mark('homepage-render-start');
+  }, []);
+
   // PostHog 追踪:页面浏览
   useEffect(() => {
     track(ACQUISITION_EVENTS.LANDING_PAGE_VIEWED, {
@@ -67,6 +73,8 @@ const HomePage: React.FC = () => {
   // 背景图片加载完成回调
   const handleImageLoad = useCallback(() => {
     setImageLoaded(true);
+    // ⚡ 性能标记：首页渲染完成（背景图片加载完成 = 首屏视觉完整）
+    performanceMonitor.mark('homepage-render-end');
   }, []);
 
   // 特色功能(第一个)