diff --git a/package.json b/package.json
index 6411a93..73f5778 100644
--- a/package.json
+++ b/package.json
@@ -62,6 +62,7 @@
     "@tauri-apps/api": "2.2.0",
     "@tauri-apps/plugin-autostart": "2.2.0",
     "@tauri-apps/plugin-clipboard-manager": "2.2.0",
+    "@tauri-apps/plugin-dialog": "^2.2.0",
     "@tauri-apps/plugin-fs": "~2.2.0",
     "@tauri-apps/plugin-http": "2.2.0",
     "@tauri-apps/plugin-notification": "^2.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3f23e8d..c0fb2d4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -26,6 +26,9 @@ importers:
       '@tauri-apps/plugin-clipboard-manager':
         specifier: 2.2.0
         version: 2.2.0
+      '@tauri-apps/plugin-dialog':
+        specifier: ^2.2.0
+        version: 2.2.0
       '@tauri-apps/plugin-fs':
         specifier: ~2.2.0
         version: 2.2.0
@@ -1583,6 +1586,9 @@ packages:
   '@tauri-apps/plugin-clipboard-manager@2.2.0':
     resolution: {integrity: sha512-sIBrW/HioKq2vqomwwcU/Y8ygAv3DlS32yKPBX5XijCc0IyQKiDxYpGqmvE9DC5Y0lNJ/G53dfS961B31wjJ1g==}
 
+  '@tauri-apps/plugin-dialog@2.2.0':
+    resolution: {integrity: sha512-6bLkYK68zyK31418AK5fNccCdVuRnNpbxquCl8IqgFByOgWFivbiIlvb79wpSXi0O+8k8RCSsIpOquebusRVSg==}
+
   '@tauri-apps/plugin-fs@2.2.0':
     resolution: {integrity: sha512-+08mApuONKI8/sCNEZ6AR8vf5vI9DXD4YfrQ9NQmhRxYKMLVhRW164vdW5BSLmMpuevftpQ2FVoL9EFkfG9Z+g==}
 
@@ -6401,6 +6407,10 @@ snapshots:
     dependencies:
       '@tauri-apps/api': 2.2.0
 
+  '@tauri-apps/plugin-dialog@2.2.0':
+    dependencies:
+      '@tauri-apps/api': 2.2.0
+
   '@tauri-apps/plugin-fs@2.2.0':
     dependencies:
       '@tauri-apps/api': 2.2.0
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 68545f8..cbccd13 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -2155,7 +2155,7 @@ checksum = "7d71d3574edd2771538b901e6549113b4006ece66150fb69c0fb6d9a2adae946"
 
 [[package]]
 name = "hula"
-version = "2.6.0"
+version = "2.6.1"
 dependencies = [
  "base64 0.22.1",
  "lazy_static",
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index bcdc67d..cd41d0e 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "hula"
-version = "2.6.0"
+version = "2.6.1"
 description = "hula"
 authors = ["nongyehong"]
 license = ""
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index ec7d168..a6af72a 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,4 +1,5 @@
 {
+  "$schema": "https://schema.tauri.app/config/2",
   "productName": "HuLa",
   "version": "2.6.1",
   "identifier": "com.hula.pc",
diff --git a/src/components/common/InfoPopover.vue b/src/components/common/InfoPopover.vue
index ff79948..e11d3b5 100644
--- a/src/components/common/InfoPopover.vue
+++ b/src/components/common/InfoPopover.vue
@@ -29,7 +29,7 @@
         </div>
 
         <p
-          class="text-(18px [--text-color])"
+          class="text-(18px [--chat-text-color])"
           style="
             font-weight: bold !important;
             font-family:
diff --git a/src/components/common/LoadingSpinner.vue b/src/components/common/LoadingSpinner.vue
new file mode 100644
index 0000000..8c47b46
--- /dev/null
+++ b/src/components/common/LoadingSpinner.vue
@@ -0,0 +1,9 @@
+<template>
+  <div class="flex-center h-full">
+    <n-spin size="large" />
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 8930735..eb32dc4 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,17 +1,36 @@
 <template>
   <div id="layout" class="flex size-full min-w-310px bg-[--right-bg-color]">
-    <Left />
-    <Center />
-    <Right v-if="!shrinkStatus" />
+    <Suspense>
+      <template #default>
+        <div class="flex size-full">
+          <!-- 使用keep-alive包裹异步组件 -->
+          <keep-alive>
+            <AsyncLeft />
+          </keep-alive>
+          <keep-alive>
+            <AsyncCenter />
+          </keep-alive>
+          <keep-alive>
+            <AsyncRight v-if="!shrinkStatus" />
+          </keep-alive>
+        </div>
+      </template>
+      <template #fallback>
+        <div class="flex items-center justify-center size-full">
+          <LoadingSpinner />
+        </div>
+      </template>
+    </Suspense>
   </div>
 
-  <AddFriendsModal />
+  <!-- 模态框也可以缓存 -->
+  <keep-alive>
+    <AsyncAddFriendsModal />
+  </keep-alive>
 </template>
 
 <script setup lang="ts">
-import Center from './center/index.vue'
-import Left from './left/index.vue'
-import Right from './right/index.vue'
+import LoadingSpinner from '@/components/common/LoadingSpinner.vue'
 import { useMitt } from '@/hooks/useMitt.ts'
 import { ChangeTypeEnum, MittEnum, OnlineEnum, RoomTypeEnum } from '@/enums'
 import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow'
@@ -29,6 +48,34 @@ import { isPermissionGranted, requestPermission, sendNotification } from '@tauri
 import { useUserInfo } from '@/hooks/useCached.ts'
 import { emitTo } from '@tauri-apps/api/event'
 import { useThrottleFn } from '@vueuse/core'
+import apis from '@/services/apis.ts'
+import { confirm } from '@tauri-apps/plugin-dialog'
+
+// 异步加载组件时增加缓存配置
+const AsyncLeft = defineAsyncComponent({
+  loader: async () => await import('./left/index.vue'),
+  delay: 600,
+  timeout: 3000
+})
+
+// 其他异步组件也类似配置
+const AsyncCenter = defineAsyncComponent({
+  loader: async () => await import('./center/index.vue'),
+  delay: 600,
+  timeout: 3000
+})
+
+const AsyncRight = defineAsyncComponent({
+  loader: async () => await import('./right/index.vue'),
+  delay: 600,
+  timeout: 3000
+})
+
+const AsyncAddFriendsModal = defineAsyncComponent({
+  loader: async () => await import('@/components/common/AddFriendsModal.vue'),
+  delay: 600,
+  timeout: 3000
+})
 
 const globalStore = useGlobalStore()
 const contactStore = useContactStore()
@@ -81,6 +128,7 @@ useMitt.on(WsResponseMessageType.TOKEN_EXPIRED, async (wsTokenExpire: WsTokenExp
     await confirm('新设备已在' + (wsTokenExpire.ip ? wsTokenExpire.ip : '未知IP') + '登录')
     // token已在后端清空，只需要返回登录页
     await logout()
+    await apis.logout()
     userStore.isSign = false
     userStore.userInfo = {}
     localStorage.removeItem('user')
diff --git a/src/layout/left/config.tsx b/src/layout/left/config.tsx
index ba99a95..8ef8c13 100644
--- a/src/layout/left/config.tsx
+++ b/src/layout/left/config.tsx
@@ -102,7 +102,7 @@ const moreList = ref<OPT.L.MoreList[]>([
         isSign: false
       })
       // 后端发布下线通知同时清除token
-      await apis.logout().catch(() => {})
+      await apis.logout()
       await logout()
       // 如果没有设置自动登录，则清除用户信息
       userStore.userInfo = {}
diff --git a/src/layout/left/model.tsx b/src/layout/left/model.tsx
index 7c802bc..6de4af2 100644
--- a/src/layout/left/model.tsx
+++ b/src/layout/left/model.tsx
@@ -25,6 +25,7 @@ import { relaunch } from '@tauri-apps/plugin-process'
 import { useUserStore } from '@/stores/user.ts'
 import { useSettingStore } from '@/stores/setting.ts'
 import { AvatarUtils } from '@/utils/avatarUtils.ts'
+import { confirm } from '@tauri-apps/plugin-dialog'
 
 const formRef = ref<FormInst | null>()
 const formValue = ref({
@@ -192,7 +193,7 @@ export const CheckUpdate = defineComponent(() => {
   }
 
   const handleUpdate = async () => {
-    if (!(await window.confirm('确定更新吗'))) {
+    if (!(await confirm('确定更新吗'))) {
       return
     }
     text.value = '正在下载...'
diff --git a/src/services/fingerprint.ts b/src/services/fingerprint.ts
index 56aeb99..dd5e29a 100644
--- a/src/services/fingerprint.ts
+++ b/src/services/fingerprint.ts
@@ -1,154 +1,106 @@
-import FingerprintJS from '@fingerprintjs/fingerprintjs'
 import { type } from '@tauri-apps/plugin-os'
+import FingerprintJS from '@fingerprintjs/fingerprintjs'
 
 const CACHE_DURATION = 24 * 60 * 60 * 1000 // 24小时缓存
 
+// 创建 Worker 实例
+const worker = new Worker(new URL('../workers/fingerprint.worker.ts', import.meta.url), {
+  type: 'module'
+})
+
+// 添加一个 Promise 来追踪正在进行的指纹生成
+let fingerprintPromise: Promise<string> | null = null
+
 /**
  * 获取性能优化的跨平台设备指纹
  */
 export const getEnhancedFingerprint = async (): Promise<string> => {
-  // 检查缓存是否有效
-  const cachedData = localStorage.getItem('deviceFingerprint')
-  if (cachedData) {
-    const { fingerprint, timestamp } = JSON.parse(cachedData)
-    if (Date.now() - timestamp < CACHE_DURATION) {
-      return fingerprint
-    }
-  }
-
-  try {
-    // 1. 基础浏览器指纹 (轻量级)
-    const fp = await FingerprintJS.load()
-    const fpResult = await fp.get({
-      debug: false
-    })
-
-    // 2. 平台检测
-    const platform = type()
-
-    // 3. 基本设备信息 (跨平台通用)
-    const deviceInfo = {
-      platform: platform,
-      screenSize: `${window.screen.width}x${window.screen.height}`,
-      pixelRatio: window.devicePixelRatio,
-      colorDepth: window.screen.colorDepth,
-      hardwareConcurrency: navigator.hardwareConcurrency || undefined,
-      deviceMemory: (navigator as any).deviceMemory,
-      language: navigator.language,
-      timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
-    }
-
-    // 4. 性能优化的浏览器特征检测
-    const browserFeatures = await detectBrowserFeatures()
-
-    // 组合所有特征
-    const combinedFingerprint = JSON.stringify({
-      browserFingerprint: fpResult.visitorId,
-      deviceInfo,
-      browserFeatures,
-      timestamp: Date.now()
-    })
-
-    // 使用 SHA-256 生成最终指纹
-    const fingerprintBuffer = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(combinedFingerprint))
-    const fingerprint = Array.from(new Uint8Array(fingerprintBuffer))
-      .map((b) => b.toString(16).padStart(2, '0'))
-      .join('')
-
-    // 缓存结果
-    localStorage.setItem(
-      'deviceFingerprint',
-      JSON.stringify({
-        fingerprint,
-        timestamp: Date.now()
-      })
-    )
-
-    return fingerprint
-  } catch (error) {
-    console.error('获取设备指纹失败:', error)
-    return ''
+  // 如果已经有正在进行的请求，直接返回该Promise
+  if (fingerprintPromise) {
+    return fingerprintPromise
   }
-}
-
-/**
- * 性能优化的浏览器特征检测
- */
-const detectBrowserFeatures = async (): Promise<Record<string, boolean>> => {
-  const features: Record<string, boolean> = {}
 
-  const checks = {
-    webgl: async () => {
-      try {
-        const canvas = document.createElement('canvas')
-        return !!canvas.getContext('webgl')
-      } catch {
-        return false
-      }
-    },
-    canvas: async () => {
-      try {
-        const canvas = document.createElement('canvas')
-        return !!canvas.getContext('2d')
-      } catch {
-        return false
+  // 创建新的Promise并保存引用
+  fingerprintPromise = (async () => {
+    console.time('🔍 设备指纹获取总耗时')
+
+    try {
+      // 检查缓存是否有效
+      const cachedData = localStorage.getItem('deviceFingerprint')
+      if (cachedData) {
+        const { fingerprint, timestamp } = JSON.parse(cachedData)
+        if (Date.now() - timestamp < CACHE_DURATION) {
+          console.timeEnd('🔍 设备指纹获取总耗时')
+          console.log('✅ 使用缓存的设备指纹')
+          return fingerprint
+        }
       }
-    },
-    audio: async () => {
-      try {
-        return !!(window.AudioContext || (window as any).webkitAudioContext)
-      } catch {
-        return false
+
+      console.time('📊 收集设备信息耗时')
+      // 收集设备信息
+      const deviceInfo = {
+        platform: await type(),
+        screenSize: `${window.screen.width}x${window.screen.height}`,
+        pixelRatio: window.devicePixelRatio,
+        colorDepth: window.screen.colorDepth,
+        hardwareConcurrency: navigator.hardwareConcurrency || undefined,
+        deviceMemory: (navigator as any).deviceMemory,
+        language: navigator.language,
+        timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
       }
-    }
-  }
+      console.timeEnd('📊 收集设备信息耗时')
 
-  const results = await Promise.all(
-    Object.entries(checks).map(async ([key, check]) => {
-      try {
-        const result = await check()
-        return [key, result]
-      } catch {
-        return [key, false]
+      // 在主线程中获取基础浏览器指纹
+      console.time('Worker: 基础指纹生成')
+      const fp = await FingerprintJS.load()
+      const fpResult = await fp.get({
+        debug: false
+      })
+      console.timeEnd('Worker: 基础指纹生成')
+
+      // 创建 Promise 等待 Worker 返回结果
+      console.time('🔨 Worker生成指纹耗时')
+      const fingerprint = await new Promise<string>((resolve) => {
+        const handleMessage = (e: MessageEvent) => {
+          const { type, fingerprint } = e.data
+          if (type === 'fingerprintGenerated') {
+            worker.removeEventListener('message', handleMessage)
+            resolve(fingerprint)
+          }
+        }
+
+        worker.addEventListener('message', handleMessage)
+        worker.postMessage({
+          type: 'generateFingerprint',
+          deviceInfo,
+          browserFingerprint: fpResult.visitorId
+        })
+      })
+      console.timeEnd('🔨 Worker生成指纹耗时')
+
+      // 缓存结果
+      if (fingerprint) {
+        localStorage.setItem(
+          'deviceFingerprint',
+          JSON.stringify({
+            fingerprint,
+            timestamp: Date.now()
+          })
+        )
+        console.log('✅ 生成新的设备指纹并缓存')
       }
-    })
-  )
 
-  results.forEach(([key, value]) => {
-    features[key as string] = value as boolean
-  })
+      console.timeEnd('🔍 设备指纹获取总耗时')
+      return fingerprint
+    } catch (error) {
+      console.timeEnd('🔍 设备指纹获取总耗时')
+      console.error('❌ 获取设备指纹失败:', error)
+      return ''
+    } finally {
+      // 清除正在进行的Promise引用
+      fingerprintPromise = null
+    }
+  })()
 
-  return features
+  return fingerprintPromise
 }
-
-// /**
-//  * 缓存的浏览器指纹值
-//  * 用于避免重复计算指纹，提高性能
-//  */
-// let cachedFingerprint: string | null = null
-
-// /**
-//  * 获取浏览器指纹
-//  * 使用 FingerprintJS 库生成唯一的访客标识符
-//  * @returns {Promise<string>} 返回浏览器指纹字符串，如果获取失败则返回空字符串
-//  */
-// export const getFingerprint = async (): Promise<string> => {
-//   // 如果已有缓存的指纹，直接返回
-//   if (cachedFingerprint) {
-//     return cachedFingerprint
-//   }
-
-//   try {
-//     // 加载 FingerprintJS 实例
-//     const fp = await FingerprintJS.load()
-//     // 获取访客的唯一标识符
-//     const result = await fp.get()
-//     // 缓存并返回指纹值
-//     cachedFingerprint = result.visitorId
-//     return cachedFingerprint
-//   } catch (error) {
-//     // 如果获取失败，记录错误并返回空字符串
-//     console.error('获取浏览器指纹失败:', error)
-//     return ''
-//   }
-// }
diff --git a/src/services/request.ts b/src/services/request.ts
index e894682..f083620 100644
--- a/src/services/request.ts
+++ b/src/services/request.ts
@@ -47,55 +47,7 @@ const responseInterceptor = async <T>(
 
   try {
     const data = await Http(url, httpParams, true, abort)
-
-    const resp = data.resp
     const serviceData = (await data.data) as ServiceResponse
-    //检查发送请求是否成功
-    if (resp.status > 400) {
-      let message = ''
-      switch (resp.status) {
-        case 400:
-          message = '错误请求'
-          break
-        case 401:
-          message = '未授权，请重新登录'
-          break
-        case 403:
-          message = '拒绝访问'
-          break
-        case 404:
-          message = '请求错误,未找到该资源'
-          window.location.href = '/NotFound'
-          break
-        case 405:
-          message = '请求方法未允许'
-          break
-        case 408:
-          message = '请求超时'
-          break
-        case 500:
-          message = '服务器端出错'
-          break
-        case 501:
-          message = '网络未实现'
-          break
-        case 502:
-          message = '网络错误'
-          break
-        case 503:
-          message = '服务不可用'
-          break
-        case 504:
-          message = '网络超时'
-          break
-        case 505:
-          message = 'http版本不支持该请求'
-          break
-        default:
-          message = '连接错误'
-      }
-      return Promise.reject(`err: ${message}, status: ${resp.status}`)
-    }
     //检查服务端返回是否成功，并且中断请求
     if (!serviceData.success) {
       window.$message.error(serviceData.errMsg)
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index a4bf731..4eadcc9 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -20,6 +20,7 @@ declare module 'vue' {
     Emoji: typeof import('./../components/rightBox/emoji/index.vue')['default']
     Image: typeof import('./../components/rightBox/renderMessage/Image.vue')['default']
     InfoPopover: typeof import('./../components/common/InfoPopover.vue')['default']
+    LoadingSpinner: typeof import('./../components/common/LoadingSpinner.vue')['default']
     MsgInput: typeof import('./../components/rightBox/MsgInput.vue')['default']
     NaiveProvider: typeof import('./../components/common/NaiveProvider.vue')['default']
     NAlert: typeof import('naive-ui')['NAlert']
diff --git a/src/views/loginWindow/Login.vue b/src/views/loginWindow/Login.vue
index c912f9f..8faebe7 100644
--- a/src/views/loginWindow/Login.vue
+++ b/src/views/loginWindow/Login.vue
@@ -356,8 +356,8 @@ const enterKey = (e: KeyboardEvent) => {
 
 onBeforeMount(async () => {
   // 如果不是自动登录且当前在登录页面，清除 TOKEN，防止用户直接使用控制台退出导致登录前还没有退出账号就继续登录
-  if (!login.value.autoLogin && route.path === '/login') {
-    await apis.logout().catch(() => {})
+  if (!login.value.autoLogin && route.path === '/login' && TOKEN.value) {
+    // await apis.logout()
     isTrayMenuShow.value = false
     computedToken.clear()
     // 重新初始化 WebSocket 连接，此时传入 null 作为 token
diff --git a/src/workers/fingerprint.worker.ts b/src/workers/fingerprint.worker.ts
new file mode 100644
index 0000000..bffdf94
--- /dev/null
+++ b/src/workers/fingerprint.worker.ts
@@ -0,0 +1,93 @@
+// 检测浏览器特征
+const detectBrowserFeatures = async (): Promise<Record<string, boolean>> => {
+  const features: Record<string, boolean> = {}
+
+  const checks = {
+    webgl: async () => {
+      try {
+        const canvas = new OffscreenCanvas(1, 1)
+        return !!(canvas as any).getContext('webgl')
+      } catch {
+        return false
+      }
+    },
+    canvas: async () => {
+      try {
+        const canvas = new OffscreenCanvas(1, 1)
+        return !!(canvas as any).getContext('2d')
+      } catch {
+        return false
+      }
+    },
+    audio: async () => {
+      try {
+        return !!(self.AudioContext || (self as any).webkitAudioContext)
+      } catch {
+        return false
+      }
+    }
+  }
+
+  const results = await Promise.all(
+    Object.entries(checks).map(async ([key, check]) => {
+      try {
+        const result = await check()
+        return [key, result]
+      } catch {
+        return [key, false]
+      }
+    })
+  )
+
+  results.forEach(([key, value]) => {
+    features[key as string] = value as boolean
+  })
+
+  return features
+}
+
+// 生成设备指纹
+const generateFingerprint = async (data: { deviceInfo: any; browserFingerprint: string }): Promise<string> => {
+  try {
+    console.time('Worker: 指纹生成总耗时')
+
+    // 2. 浏览器特征检测
+    console.time('Worker: 特征检测')
+    const browserFeatures = await detectBrowserFeatures()
+    console.timeEnd('Worker: 特征检测')
+
+    // 3. 组合所有特征
+    console.time('Worker: SHA-256计算')
+    const combinedFingerprint = JSON.stringify({
+      browserFingerprint: data.browserFingerprint,
+      deviceInfo: data.deviceInfo,
+      browserFeatures,
+      timestamp: Date.now()
+    })
+
+    // 4. 使用 SHA-256 生成最终指纹
+    const fingerprintBuffer = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(combinedFingerprint))
+
+    const fingerprint = Array.from(new Uint8Array(fingerprintBuffer))
+      .map((b) => b.toString(16).padStart(2, '0'))
+      .join('')
+    console.timeEnd('Worker: SHA-256计算')
+
+    console.timeEnd('Worker: 指纹生成总耗时')
+    return fingerprint
+  } catch (error) {
+    console.timeEnd('Worker: 指纹生成总耗时')
+    console.error('Worker: ❌ 生成设备指纹失败:', error)
+    return ''
+  }
+}
+
+// 监听主线程消息
+self.onmessage = async (e) => {
+  const { type, deviceInfo, browserFingerprint } = e.data
+
+  if (type === 'generateFingerprint') {
+    const fingerprint = await generateFingerprint({ deviceInfo, browserFingerprint })
+    self.postMessage({ type: 'fingerprintGenerated', fingerprint })
+  }
+}