diff --git a/app/layout.tsx b/app/layout.tsx
index ad5bdd7..583720d 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -5,6 +5,7 @@ import { AppRouterCacheProvider } from "@mui/material-nextjs/v13-appRouter";
 import { CssBaseline } from "@mui/material";
 import { SITE_DESCRIPTION, SITE_NAME } from "@/app/consts";
 import { theme } from "@/app/theme";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 import "@fontsource/roboto/300.css";
 import "@fontsource/roboto/400.css";
@@ -34,11 +35,19 @@ export default function RootLayout({ children }: Readonly<{
     <body>
     <AppRouterCacheProvider>
       <CssBaseline />
-      <NextTopLoader showAtBottom color="#4a5099" />
+      <SpeedInsights />
+      <NextTopLoader color="#ffffff" />
       <ThemeProvider theme={theme}>
         <AppShell>{children}</AppShell>
       </ThemeProvider>
     </AppRouterCacheProvider>
+
+    <script
+      async
+      src="https://analytics.smartsheep.studio/script.js"
+      data-website-id="bbe87bab-bd5b-416b-8767-b29088c75ab2"
+    />
+
     </body>
     </html>
   );
diff --git a/package.json b/package.json
index 421aa28..516b20e 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "@sanity/ui": "^2.0",
     "@sanity/vision": "3",
     "@types/mdx": "^2.0.11",
+    "@vercel/speed-insights": "^1.0.10",
     "feed": "^4.2.2",
     "gray-matter": "^4.0.3",
     "next": "^14.1",
