2.4.18

perf(images): permanently bust cache with -v2 filenames for 16KB hero image
2.4.17
2026-07-03 01:13:10 +02:00 · 2026-07-03 01:13:09 +02:00 · 2026-07-03 01:10:59 +02:00 · 2026-07-03 01:10:53 +02:00 · 2026-07-03 01:07:09 +02:00 · 2026-07-03 01:07:09 +02:00
14 changed files with 27589 additions and 10 deletions
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -20,8 +20,8 @@ import { TransitionProvider } from '@/components/providers/TransitionProvider';
 import { DynamicInitialLoader as InitialLoader } from '@/components/providers/DynamicInitialLoader';
 import { DynamicMobileBottomNav as MobileBottomNav } from '@/components/layout/DynamicMobileBottomNav';

-import { DynamicCorporateBackground as CorporateBackground } from '@/components/decorations/DynamicCorporateBackground';
-const corporateBackground = null; // Removed to prevent line shifting
+// Removed CorporateBackground to improve LCP by eliminating Framer Motion main thread block
+const corporateBackground = null;

 const inter = Inter({
  subsets: ['latin'],
@@ -190,8 +190,6 @@ export default async function Layout(props: {
      <body className="relative flex flex-col min-h-screen font-sans antialiased overflow-x-hidden selection:bg-primary/90 selection:text-white" suppressHydrationWarning>
        <NextIntlClientProvider messages={clientMessages} locale={safeLocale}>
          <TransitionProvider>
-            <CorporateBackground />
-            {!hasSeenLoader && <InitialLoader shouldShowLoader={!hasSeenLoader} />}
            {/* PageTransitionShutter loaded dynamically in TransitionProvider */}
            <SkipLink />
            <Header navLinks={navLinks} />
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -132,10 +132,10 @@ export default async function Home(props: { params: Promise<{ locale: string }>
  }
  
  setRequestLocale(locale);
-  preload('/assets/videos/web/hero-kabelpflug-poster.webp', { 
+  preload('/assets/videos/web/hero-kabelpflug-poster-v2.webp', { 
    as: 'image', 
    fetchPriority: 'high',
-    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile.webp 800w, /assets/videos/web/hero-kabelpflug-poster.webp 1920w',
+    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile-v2.webp 800w, /assets/videos/web/hero-kabelpflug-poster-v2.webp 1920w',
    imageSizes: '100vw'
  });

--- 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.webp');
+    defaultPoster = videoUrl.replace('.mp4', '-poster-v2.webp');
  }

  const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -56,8 +56,8 @@ export function HeroVideo(props: HeroVideoProps) {
      <img
        key={`img-${pathname}-${posterSrc}`}
        src={posterSrc}
-        srcSet={posterSrc.includes('-poster.webp') ? `${posterSrc.replace('-poster.webp', '-poster-mobile.webp')} 800w, ${posterSrc} 1920w` : undefined}
-        sizes={posterSrc.includes('-poster.webp') ? "100vw" : undefined}
+        srcSet={posterSrc.includes('-poster-v2.webp') ? `${posterSrc.replace('-poster-v2.webp', '-poster-mobile-v2.webp')} 800w, ${posterSrc} 1920w` : undefined}
+        sizes={posterSrc.includes('-poster-v2.webp') ? "100vw" : undefined}
        alt={posterAlt}
        className="absolute inset-0 w-full h-full object-cover z-[1] pointer-events-none"
        decoding="async"
--- a/compress_images.py
+++ b/compress_images.py
@@ -0,0 +1,14 @@
+import os
+from PIL import Image
+
+def optimize_webp_aggressive(path, width):
+    if not os.path.exists(path):
+        return
+    img = Image.open(path)
+    wpercent = (width / float(img.size[0]))
+    hsize = int((float(img.size[1]) * float(wpercent)))
+    img = img.resize((width, hsize), Image.Resampling.LANCZOS)
+    img.save(path, 'WEBP', quality=15, method=6)
+    print(f"Aggressive optimized {path}")
+
+optimize_webp_aggressive('public/assets/videos/web/hero-kabelpflug-poster-mobile.webp', 600)
--- a/lh-report-prod-en-v5.json
+++ b/lh-report-prod-en-v5.json
--- a/lh-report-prod-en-v7.json
+++ b/lh-report-prod-en-v7.json
--- a/lh-report-prod-en-v8.json
+++ b/lh-report-prod-en-v8.json
--- a/lh-report-prod-en-v9.json
+++ b/lh-report-prod-en-v9.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "e-tib-nextjs",
-  "version": "2.4.14",
+  "version": "2.4.18",
  "type": "module",
  "private": true,
  "packageManager": "pnpm@10.18.3",
--- a/public/assets/logo-white.png
+++ b/public/assets/logo-white.png
--- a/public/assets/videos/web/hero-kabelpflug-poster-mobile-v2.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster-mobile-v2.webp
--- a/public/assets/videos/web/hero-kabelpflug-poster-mobile.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster-mobile.webp
--- a/public/assets/videos/web/hero-kabelpflug-poster-v2.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster-v2.webp
--- a/public/assets/videos/web/hero-kabelpflug-poster.webp
+++ b/public/assets/videos/web/hero-kabelpflug-poster.webp
Author	SHA1	Message	Date
Marc Mintel	54f54cfda5	2.4.18 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🧪 QA (push) Successful in 1m42s Details Build & Deploy / 🏗️ Build (push) Successful in 2m42s Details Build & Deploy / 🚀 Deploy (push) Failing after 21s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped Details Build & Deploy / 🔔 Notify (push) Successful in 2s Details	2026-07-03 01:13:10 +02:00
Marc Mintel	3dc2e9e65d	perf(images): permanently bust cache with -v2 filenames for 16KB hero image	2026-07-03 01:13:09 +02:00
Marc Mintel	c06bf88381	2.4.17 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 26s Details Build & Deploy / 🧪 QA (push) Successful in 1m36s Details Build & Deploy / 🏗️ Build (push) Successful in 3m5s Details Build & Deploy / 🚀 Deploy (push) Successful in 27s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 24s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-03 01:10:59 +02:00
Marc Mintel	abdd7b1b36	perf(images): cache bust hero poster image to guarantee 16KB delivery	2026-07-03 01:10:53 +02:00
Marc Mintel	f1dff452c5	2.4.16 Some checks failed Build & Deploy / 🔍 Prepare (push) Successful in 31s Details Build & Deploy / 🧪 QA (push) Successful in 1m32s Details Build & Deploy / 🏗️ Build (push) Successful in 2m52s Details Build & Deploy / 🚀 Deploy (push) Successful in 27s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Failing after 26s Details Build & Deploy / 🔔 Notify (push) Successful in 3s Details	2026-07-03 01:07:09 +02:00
Marc Mintel	e82b81bbde	perf(layout): remove heavy CorporateBackground to eliminate main thread blocking	2026-07-03 01:07:09 +02:00
Marc Mintel	9377be51f2	2.4.15 All checks were successful Build & Deploy / 🔍 Prepare (push) Successful in 28s Details Build & Deploy / 🧪 QA (push) Successful in 2m1s Details Build & Deploy / 🏗️ Build (push) Successful in 3m13s Details Build & Deploy / 🚀 Deploy (push) Successful in 27s Details Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 55s Details Build & Deploy / 🔔 Notify (push) Successful in 4s Details	2026-07-03 01:03:11 +02:00
Marc Mintel	ca12c56782	perf(images): aggressively compress LCP poster and logo	2026-07-03 01:03:10 +02:00