diff --git a/.gitignore b/.gitignore
index cb121b7..8daaf9c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.vercel
diff --git a/bun.lockb b/bun.lockb
index 2bd3079..f89d5da 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 4e9d171..d495606 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@heroicons/react": "^2.1.3",
     "@reduxjs/toolkit": "^2.2.3",
+    "@vercel/speed-insights": "^1.0.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^9.1.2"
diff --git a/src/App.tsx b/src/App.tsx
index 9c7891a..2b0ac3c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,3 +1,5 @@
+import { SpeedInsights } from "@vercel/speed-insights/react"
+
 import Navbar from './components/Navbar.tsx';
 import Footer from './components/Footer.tsx';
 import TodoCard from './components/todos/TodoCard.tsx';
@@ -7,12 +9,11 @@ export default function App() {
   return (
       <div className={"min-h-screen bg-base-300"}>
         <Navbar/>
-
         <main className={"w-full min-h-screen flex justify-center items-center"}>
           <TodoCard/>
         </main>
-
         <Footer/>
+        <SpeedInsights/>
       </div>
   )
 }