diff --git a/client/App.tsx b/client/App.tsx
index 44386c20..7d11db04 100644
--- a/client/App.tsx
+++ b/client/App.tsx
@@ -1,5 +1,5 @@
 import "./global.css";
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 
 import { Toaster } from "@/components/ui/toaster";
 import { TooltipProvider } from "@/components/ui/tooltip";
@@ -93,7 +93,7 @@ import GameForgeDashboard from "./pages/dashboards/GameForgeDashboard";
 import Roadmap from "./pages/Roadmap";
 import Trust from "./pages/Trust";
 import PressKit from "./pages/PressKit";
-import Downloads from "./pages/Downloads";
+const Downloads = React.lazy(() => import("./pages/Downloads"));
 import Projects from "./pages/Projects";
 import ProjectsAdmin from "./pages/ProjectsAdmin";
 import Directory from "./pages/Directory";
@@ -240,7 +240,7 @@ const App = () => (
                         <Route path="/roadmap" element={<Roadmap />} />
                         <Route path="/trust" element={<Trust />} />
                         <Route path="/press" element={<PressKit />} />
-                        <Route path="/downloads" element={<Downloads />} />
+                        <Route path="/downloads" element={<React.Suspense fallback={null}><Downloads /></React.Suspense>} />
                         <Route path="/projects" element={<Projects />} />
                         <Route
                           path="/projects/admin"