diff --git a/package-lock.json b/package-lock.json
index 4254a33..89d056e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,6 +28,7 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "@vercel/analytics": "^1.1.1",
+        "@vercel/speed-insights": "^1.1.0",
         "formik": "^2.4.5",
         "prop-types": "^15.8.1",
         "react": "^18.2.0",
@@ -6168,6 +6169,41 @@
         "server-only": "^0.0.1"
       }
     },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.1.0.tgz",
+      "integrity": "sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "svelte": ">= 4",
+        "vue": "^3",
+        "vue-router": "^4"
+      },
+      "peerDependenciesMeta": {
+        "@sveltejs/kit": {
+          "optional": true
+        },
+        "next": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        },
+        "vue-router": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@webassemblyjs/ast": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
@@ -28357,6 +28393,12 @@
         "server-only": "^0.0.1"
       }
     },
+    "@vercel/speed-insights": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.1.0.tgz",
+      "integrity": "sha512-rAXxuhhO4mlRGC9noa5F7HLMtGg8YF1zAN6Pjd1Ny4pII4cerhtwSG4vympbCl+pWkH7nBS9kVXRD4FAn54dlg==",
+      "requires": {}
+    },
     "@webassemblyjs/ast": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
diff --git a/package.json b/package.json
index aa02f22..39d379d 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@vercel/analytics": "^1.1.1",
+    "@vercel/speed-insights": "^1.1.0",
     "formik": "^2.4.5",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
diff --git a/src/App.js b/src/App.js
index 668a3ff..57301fb 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import { Routes, Route } from 'react-router-dom';
 import { CssBaseline, ThemeProvider } from '@mui/material';
 import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/react';
 import { ColorModeContext, useMode } from './theme';
 import Topbar from './scenes/global/Topbar/Topbar';
 import Sidebar from './scenes/global/Sidebar/Sidebar';
@@ -42,6 +43,7 @@ function App() {
           </main>
         </div>
         <Analytics />
+        <SpeedInsights />
       </ThemeProvider>
     </ColorModeContext.Provider>
   );