diff --git a/package-lock.json b/package-lock.json
index 38ffaf3..9d4bedd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "@vercel/analytics": "^1.2.2",
+        "@vercel/speed-insights": "^1.0.10",
         "bootstrap": "^5.3.3",
         "flowbite": "^2.3.0",
         "gh-pages": "^6.0.0",
@@ -5066,6 +5067,40 @@
         }
       }
     },
+    "node_modules/@vercel/speed-insights": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.0.10.tgz",
+      "integrity": "sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==",
+      "hasInstallScript": true,
+      "peerDependencies": {
+        "@sveltejs/kit": "^1 || ^2",
+        "next": ">= 13",
+        "react": "^18 || ^19",
+        "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.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.6.tgz",
diff --git a/package.json b/package.json
index d900885..6345492 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@vercel/analytics": "^1.2.2",
+    "@vercel/speed-insights": "^1.0.10",
     "bootstrap": "^5.3.3",
     "flowbite": "^2.3.0",
     "gh-pages": "^6.0.0",
diff --git a/src/App.js b/src/App.js
index a5d73cb..f8d09e6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
 import Footer from './components/Footer';
 import Todo from './components/ToDo';
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/react";
 
 
 function App() {
@@ -10,6 +11,7 @@ function App() {
         <Todo />
         <Footer/>
         <Analytics/>
+        <SpeedInsights/>
       </div>
     </>
   );