diff --git a/apps/web-wasm/src/components/session/insights/SessionInsights.vue b/apps/web-wasm/src/components/session/insights/SessionInsights.vue
index fb2c70af..0e52ef96 100644
--- a/apps/web-wasm/src/components/session/insights/SessionInsights.vue
+++ b/apps/web-wasm/src/components/session/insights/SessionInsights.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, defineAsyncComponent, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { SectionTabs } from '@/components/navigation'
 import UserSelect from '@/components/common/UserSelect.vue'
-import GroupRelationshipGalaxyView from '@/components/analysis/relationship/GroupRelationshipGalaxyView.vue'
 import PrivateRelationshipView from '@/components/analysis/relationship/PrivateRelationshipView.vue'
 import JourneyView from '@/components/analysis/journey/JourneyView.vue'
 import TypeAnalysisView from '@/components/analysis/message/TypeAnalysisView.vue'
@@ -16,6 +15,10 @@ import { InsightViewTransition } from '@/components/UI'
 import GroupOverview from './GroupOverview.vue'
 import PrivateOverview from './PrivateOverview.vue'
 
+const GroupRelationshipGalaxyView = defineAsyncComponent(
+  () => import('@/components/analysis/relationship/GroupRelationshipGalaxyView.vue')
+)
+
 const props = defineProps<{
   sessionId: string
   session: AnalysisSession
diff --git a/src/pages/group-chat/components/insights/GroupChatInsights.vue b/src/pages/group-chat/components/insights/GroupChatInsights.vue
index 4ab9db60..83f2c819 100644
--- a/src/pages/group-chat/components/insights/GroupChatInsights.vue
+++ b/src/pages/group-chat/components/insights/GroupChatInsights.vue
@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, defineAsyncComponent, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { SectionTabs } from '@/components/navigation'
 import UserSelect from '@/components/common/UserSelect.vue'
 import TypeAnalysisView from '@/components/analysis/message/TypeAnalysisView.vue'
 import TimeAnalysisView from '@/components/analysis/message/TimeAnalysisView.vue'
-import GroupRelationshipGalaxyView from '@/components/analysis/relationship/GroupRelationshipGalaxyView.vue'
 import { WordcloudTab } from '@/components/analysis/quotes'
 import type { TimeFilter } from '@openchatlab/shared-types'
 import type { AnalysisSession, MessageType } from '@/types/base'
@@ -13,6 +12,10 @@ import type { DailyActivity, HourlyActivity, MemberActivity } from '@/types/anal
 import GroupChatOverview from './GroupChatOverview.vue'
 import { InsightViewTransition } from '@/components/UI'
 
+const GroupRelationshipGalaxyView = defineAsyncComponent(
+  () => import('@/components/analysis/relationship/GroupRelationshipGalaxyView.vue')
+)
+
 const { t } = useI18n()
 
 const props = defineProps<{