diff --git a/FE/src/app/layout.tsx b/FE/src/app/layout.tsx
index 353a4ec9..be0cc916 100644
--- a/FE/src/app/layout.tsx
+++ b/FE/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import { Analytics } from "@vercel/analytics/react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 import "./globals.css";
 import { PropsWithChildren } from "react";
@@ -26,6 +27,7 @@ export default function RootLayout({ children }: PropsWithChildren) {
       <body className="flex flex-col items-center">
         <Provider>{children}</Provider>
         <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );
