2.2.23

components/blocks/HeroVideo.tsx

@@ -46,26 +46,28 @@ export function HeroVideo(props: HeroVideoProps) {
       {/* Background color while video loads */}
       <div className="absolute inset-0 z-0 bg-neutral-dark" />
       
-      {videoUrl ? (
+      {/* ALWAYS render the Next.js optimized Image as the LCP element */}
+      <Image
+        key={`img-${pathname}-${posterSrc}`}
+        src={posterSrc}
+        alt={posterAlt}
+        fill
+        className="object-cover z-[1] pointer-events-none filter contrast-125 saturate-110 brightness-90"
+        sizes="100vw"
+        priority
+      />
+
+      {/* Render video on top if available, but don't force aggressive preload */}
+      {videoUrl && (
         <video
           key={`${pathname}-${videoUrl}`}
-          className="absolute inset-0 w-full h-full object-cover z-1 pointer-events-none filter contrast-125 saturate-110 brightness-90"
+          className="absolute inset-0 w-full h-full object-cover z-[2] pointer-events-none filter contrast-125 saturate-110 brightness-90"
           src={videoUrl}
           autoPlay
           muted
           loop
           playsInline
-          preload="auto"
-        />
-      ) : (
-        <Image
-          key={`img-${pathname}-${posterSrc}`}
-          src={posterSrc}
-          alt={posterAlt}
-          fill
-          className="object-cover z-1 pointer-events-none filter contrast-125 saturate-110 brightness-90"
-          sizes="100vw"
-          priority
+          preload="metadata"
         />
       )}
       

components/providers/InitialLoader.tsx

@@ -8,6 +8,12 @@ import Image from 'next/image';
 export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?: boolean }) {
   const [isLoading, setIsLoading] = useState(shouldShowLoader);
 
+  const finishLoading = () => {
+    // Set a session cookie so the server knows not to render the loader again
+    document.cookie = "etib_initial_loader_v5=true; path=/; samesite=lax";
+    setIsLoading(false);
+  };
+
   useEffect(() => {
     if (!shouldShowLoader) return;
     
@@ -21,12 +27,6 @@ export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?:
     return () => clearTimeout(timeout);
   }, [shouldShowLoader]);
 
-  const finishLoading = () => {
-    // Set a session cookie so the server knows not to render the loader again
-    document.cookie = "etib_initial_loader_v5=true; path=/; samesite=lax";
-    setIsLoading(false);
-  };
-
   // Wenn wir serverseitig rendern und es nicht zeigen sollen, return null
   if (!shouldShowLoader) return null;
 

package.json

@@ -138,7 +138,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.21",
+  "version": "2.2.23",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",