pref: P0: PostHog 延迟加载 - ✅ 完成

P0: HeroPanel 懒加载 - ✅ 完成
 P0/P1: Charts/FullCalendar 懒加载 - ✅ 已通过路由懒加载隔离，无需额外处理
删除空的 CSS 文件

src/views/Community/index.js

@@ -1,5 +1,5 @@
 // src/views/Community/index.js
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState, lazy, Suspense } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
 import {
@@ -20,12 +20,14 @@ import {
   VStack,
   Text,
   useBreakpointValue,
+  Skeleton,
 } from '@chakra-ui/react';
 
 // 导入组件
 import DynamicNewsCard from './components/DynamicNewsCard';
 import HotEventsSection from './components/HotEventsSection';
-import HeroPanel from './components/HeroPanel';
+// ⚡ HeroPanel 懒加载：包含 ECharts (~600KB)，首屏不需要立即渲染
+const HeroPanel = lazy(() => import('./components/HeroPanel'));
 
 // 导入自定义 Hooks
 import { useEventData } from './hooks/useEventData';
@@ -272,8 +274,14 @@ const Community = () => {
           </Alert>
         )}
 
-        {/* 顶部说明面板：产品介绍 + 沪深指数 + 热门概念词云 */}
-        <HeroPanel />
+        {/* ⚡ 顶部说明面板（懒加载）：产品介绍 + 沪深指数 + 热门概念词云 */}
+        <Suspense fallback={
+          <Box mb={6} p={4} borderRadius="xl" bg="rgba(255,255,255,0.02)">
+            <Skeleton height="200px" borderRadius="lg" startColor="gray.800" endColor="gray.700" />
+          </Box>
+        }>
+          <HeroPanel />
+        </Suspense>
 
         {/* 实时要闻·动态追踪 - 横向滚动 */}
         <DynamicNewsCard