Performance: Mobile-Optimierungen für besseren PageSpeed

- Portrait-Bild von 1.2MB auf ~20KB optimiert (300px/600px + WebP)
- Hero-Animation entfernt für schnelleren LCP
- WebP srcset für alle Projekt-Bilder (6 Größen: 200-1200px)
- Korrekte sizes-Attribute für Mobile (350px statt 1200px)
- Supabase lazy laden via dynamischen Import
- Admin-Check verzögert mit requestIdleCallback
- Hauptbundle von 461KB auf 358KB reduziert

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -125,7 +125,8 @@
   <link rel="preload" href="/fonts/inter-var.woff2" as="font" type="font/woff2" crossorigin>
 
   <!-- Preload wichtiger Assets -->
-  <link rel="preload" href="/portrait.jpg" as="image" fetchpriority="high" />
+  <link rel="preload" href="/portrait-300.webp" as="image" type="image/webp" fetchpriority="high" media="(max-width: 640px)" />
+  <link rel="preload" href="/portrait-600.webp" as="image" type="image/webp" fetchpriority="high" media="(min-width: 641px)" />
   <link rel="preload" href="/header-logo.svg" as="image" />
   <link rel="preload" href="/favicon.svg" as="image" />
 </head>