diff --git a/package.json b/package.json
index f504e05ff06a504aea012fee80674678576e8643..5f494c00aa0bb4d4ec898083b82ea586b80d11ec 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "html2canvas": "^1.4.1",
     "vue": "^3.2.37",
     "vue-router": "^4.2.5",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "web-performance-tool": "^1.0.0-bata.0"
   },
   "devDependencies": {
     "@types/node": "^18.19.6",
diff --git a/src/App.vue b/src/App.vue
index 5bc5d1f9bc45afa1680d9e19786702445b7a3166..c088a5ddbda5ad5ac4b400041dd01fb0ba737bd3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,12 +2,17 @@
 
 
 <script setup>
-import { ref, onBeforeMount, reactive } from "vue";
+import { ref, onBeforeMount, reactive ,onMounted} from "vue";
 import { ListenDomChange } from '@/utils/index'
 import zhCN from "ant-design-vue/es/locale/zh_CN";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import { useStore } from "vuex";
+import {WebPerformance} from 'web-perfromance-tool';
+onMounted(()=>{
+  const WebPerformanceInstance=new WebPerformance();
+  console.log('性能指标：',WebPerformanceInstance.getPerformance())
+})
 
 dayjs.locale("zh-cn");
 const locale = ref(zhCN);