diff --git a/Yi.Bbs.Vue3/index.html b/Yi.Bbs.Vue3/index.html
index a4400d75..4e40b468 100644
--- a/Yi.Bbs.Vue3/index.html
+++ b/Yi.Bbs.Vue3/index.html
@@ -24,19 +24,24 @@
      </body>
 
   <!-- 引入聊天组件脚本 -->
-  <script src="https://opendeep.wiki/koala-chat-widget.js"></script>
+  <script async src="https://opendeep.wiki/koala-chat-widget.js"></script>
   <script>
-      KoalaChatWidget.init({
-          appId: 'ccnetcore',
-          title: 'ccnetcore',
-          theme: 'light', // 或 'dark'
-          // 其他可选配置...
-          onError: (error) => {
-              console.error('Chat widget error:', error);
-          },
-          onValidationFailed: (domain) => {
-              console.error('Domain validation failed:', domain);
-          }
-      });
+      function loadChatWidget() {
+          KoalaChatWidget.init({
+              appId: 'ccnetcore',
+              title: 'ccnetcore',
+              theme: 'light', // 或 'dark'
+              // 其他可选配置...
+              onError: (error) => {
+                  console.error('Chat widget error:', error);
+              },
+              onValidationFailed: (domain) => {
+                  console.error('Domain validation failed:', domain);
+              }
+          });
+      }
+      // 页面加载完成后再加载聊天组件
+      window.addEventListener('load', loadChatWidget);
+  
   </script>
    </html>