diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx
index bf4efa7..9c35736 100644
--- a/src/AppRouter.tsx
+++ b/src/AppRouter.tsx
@@ -7,9 +7,9 @@ import { DeepLinkHandler } from "./components/DeepLinkHandler";
 import { RouteErrorBoundary } from "./components/RouteErrorBoundary";
 import { Layout } from "./components/Layout";
 
-// The map is the homepage, but lazy-loading it keeps its chunk (plus the
-// IndexedDB offline-cache layer) out of the initial entry bundle.
-const MapPage = lazyWithRetry(() => import("./pages/MapPage"));
+// MapPage is eager: it is the homepage and a lazy import here used to leave a
+// blank Suspense fallback on slow native WebViews before the map appeared.
+import MapPage from "./pages/MapPage";
 
 // Lazy load everything else — each page becomes its own JS chunk
 const Index = lazyWithRetry(() => import("./pages/Index"));