perf: compress hero image and defer page transition shutter

2026-07-01 17:19:29 +02:00
parent 89ed1faa6b
commit aab3fed4c1
8 changed files with 14720 additions and 4 deletions
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -133,7 +133,12 @@ export default async function Home(props: { params: Promise<{ locale: string }>
  
  setRequestLocale(locale);
  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });
-  preload('/assets/videos/web/hero-kabelpflug-poster.webp', { as: 'image', fetchPriority: 'high' });
+  preload('/assets/videos/web/hero-kabelpflug-poster.webp', { 
+    as: 'image', 
+    fetchPriority: 'high',
+    imageSrcSet: '/assets/videos/web/hero-kabelpflug-poster-mobile.webp 800w, /assets/videos/web/hero-kabelpflug-poster.webp 1920w',
+    imageSizes: '(max-width: 768px) 800px, 1920px'
+  });

  const mdx = await getMdxContent(locale, 'home');
  const allReferences = await getAllReferences(locale);