Implementierung - SEO - 01.08.2025

index.html

@@ -43,6 +43,16 @@
     body {
       background-color: #18181B !important;
     }
+    
+    /* Prevent initial flicker */
+    body {
+      opacity: 0;
+      transition: opacity 0.3s ease-in-out;
+    }
+    
+    body.app-mounted {
+      opacity: 1;
+    }
 
     html {
       overflow-y: scroll;
@@ -73,8 +83,24 @@
         background-color: #18181B;
       }
     }
+
+    /* Font-Loading Optimierung */
+    @font-face {
+      font-family: 'Inter';
+      font-style: normal;
+      font-weight: 100 900;
+      font-display: swap;
+      src: url('/fonts/inter-var.woff2') format('woff2-variations');
+    }
+
+    body {
+      font-family: Inter, system-ui, sans-serif;
+    }
   </style>
 
+  <!-- Preload Font -->
+  <link rel="preload" href="/fonts/inter-var.woff2" as="font" type="font/woff2" crossorigin>
+
   <!-- Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-N0PZBL7X18"></script>
   <script>