performance optimierungen, lazy loads etc. - plus requesttimingmiddleware, die lokal die performance trackt und loggt.

resources/js/guest/main.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Suspense } from 'react';
 import { createRoot } from 'react-dom/client';
 import { RouterProvider } from 'react-router-dom';
 import { router } from './router';
@@ -28,7 +28,15 @@ createRoot(rootEl).render(
   <React.StrictMode>
     <LocaleProvider>
       <ToastProvider>
-        <RouterProvider router={router} />
+        <Suspense
+          fallback={(
+            <div className="flex min-h-screen items-center justify-center text-sm text-muted-foreground">
+              Erlebnisse werden geladen …
+            </div>
+          )}
+        >
+          <RouterProvider router={router} />
+        </Suspense>
       </ToastProvider>
     </LocaleProvider>
   </React.StrictMode>