diff --git a/src/index.tsx b/src/index.tsx
index eccc3b6..6a45bf3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,26 +1,20 @@
 import { render } from "preact";
-import { LocationProvider, Router, Route } from "preact-iso";
-import { Home } from "./pages/Home";
-import { NotFound } from "./pages/_404.jsx";
-import { DiscordPage } from "./pages/discord.jsx";
-import { ProxyFrame } from "./pages/ProxyFrame.js";
-import { Settings } from "./pages/Settings/index.js";
+import { Suspense, lazy } from "preact/compat";
+const Routes = lazy(() => import("./routes"));
 
-import "./style.css";
-import "./themes/main.css";
-import "./i18n";
-
-export function App() {
+export default function App() {
   return (
-    <LocationProvider>
-      <Router>
-        <Route path="/" component={Home} />
-        <Route path="/discord" component={DiscordPage} />
-        <Route path="/go/:url" component={ProxyFrame} />
-        <Route path="/settings" component={Settings} />
-        <Route default component={NotFound} />
-      </Router>
-    </LocationProvider>
+    <Suspense
+      fallback={
+        <div>
+          <div>loading...</div>
+        </div>
+      }
+    >
+      <div>
+        <Routes />
+      </div>
+    </Suspense>
   );
 }
 
diff --git a/src/routes.tsx b/src/routes.tsx
new file mode 100644
index 0000000..11d5180
--- /dev/null
+++ b/src/routes.tsx
@@ -0,0 +1,25 @@
+import { LocationProvider, Router, Route } from "preact-iso";
+import { Home } from "./pages/Home";
+import { NotFound } from "./pages/_404.jsx";
+import { DiscordPage } from "./pages/discord.jsx";
+import { ProxyFrame } from "./pages/ProxyFrame.js";
+import { Settings } from "./pages/Settings/index.js";
+
+import "./style.css";
+import "./themes/main.css";
+import "./i18n";
+
+export default function Routes() {
+  return (
+    <LocationProvider>
+      <Router>
+        <Route path="/" component={Home} />
+        <Route path="/discord" component={DiscordPage} />
+        <Route path="/go/:url" component={ProxyFrame} />
+        <Route path="/settings" component={Settings} />
+        <Route default component={NotFound} />
+      </Router>
+    </LocationProvider>
+  );
+}
+