feat: add Vercel Speed Insights integration for performance analysis

Author: longsizhuo

app/layout.tsx

@@ -4,6 +4,7 @@ import { RootProvider } from "fumadocs-ui/provider";
 import Script from "next/script";
 import "./globals.css";
 import { ThemeProvider } from "@/app/components/ThemeProvider";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -51,6 +52,7 @@ export default function RootLayout({
             <div className="relative z-10">{children}</div>
           </ThemeProvider>
         </RootProvider>
+        {/* 谷歌分析 */}
         <Script
           src="https://www.googletagmanager.com/gtag/js?id=G-ED4GVN8YVW"
           strategy="afterInteractive"
@@ -64,6 +66,8 @@ export default function RootLayout({
             gtag('config', 'G-ED4GVN8YVW');
           `}
         </Script>
+        {/* 性能分析 */}
+        <SpeedInsights />
       </body>
     </html>
   );

package.json

@@ -17,6 +17,7 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
     "@types/mdx": "^2.0.13",
+    "@vercel/speed-insights": "^1.2.0",
     "antd": "^5.27.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",