fix(lcp): revert unoptimized=true on HeroVideo to restore Next.js image optimization for massive CMS images

perf(images): remove AVIF format to prevent massive CPU spikes and TTFB delays during on-the-fly Next.js image optimization
perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block
2026-07-01 12:07:18 +02:00 · 2026-07-01 02:24:38 +02:00 · 2026-07-01 01:15:18 +02:00
3 changed files with 2 additions and 2 deletions
--- a/components/blocks/HeroVideo.tsx
+++ b/components/blocks/HeroVideo.tsx
@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {

  let defaultPoster = "/assets/photos/DJI_0048.JPG";
  if (videoUrl && videoUrl.endsWith('.mp4')) {
-    defaultPoster = videoUrl.replace('.mp4', '-poster.jpg');
+    defaultPoster = videoUrl.replace('.mp4', '-poster.webp');
  }

  const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -449,7 +449,7 @@ const nextConfig = {
  },
  images: {
    qualities: [25, 50, 75, 100],
-    formats: ['image/avif', 'image/webp'],
+    formats: ['image/webp'],
    deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
    remotePatterns: [
      {
--- a/public/assets/videos/web/hero-kabelpflug-poster.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster.webp
Author	SHA1	Message	Date
Marc Mintel	067e34c19b	fix(lcp): revert unoptimized=true on HeroVideo to restore Next.js image optimization for massive CMS images Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🧪 QA (push) Successful in 1m47s Details Build & Deploy / 🏗️ Build (push) Successful in 3m16s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 42s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 12:07:18 +02:00
Marc Mintel	e6017e7436	perf(images): remove AVIF format to prevent massive CPU spikes and TTFB delays during on-the-fly Next.js image optimization All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 29s Details Build & Deploy / 🚀 Deploy (push) Successful in 33s Details Build & Deploy / 🧪 QA (push) Successful in 1m40s Details Build & Deploy / 🏗️ Build (push) Successful in 3m7s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m10s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 02:24:38 +02:00
Marc Mintel	1955bfcd1b	perf(lcp): bypass Next.js image optimization for hero poster and use static WebP to eliminate server-side TTFB block All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 31s Details Build & Deploy / 🚀 Deploy (push) Successful in 35s Details Build & Deploy / 🧪 QA (push) Successful in 1m51s Details Build & Deploy / 🏗️ Build (push) Successful in 3m29s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 1m14s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-01 01:15:18 +02:00