mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

perf(images): cache bust hero poster image to guarantee 16KB delivery

Browse Source
This commit is contained in:
Marc Mintel
2026-07-03 01:10:53 +02:00
parent f1dff452c5
commit abdd7b1b36
3 changed files with 6953 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/[locale]/page.tsx
View File

@@ -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.webp?v=2', {
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.webp?v=2 800w, /assets/videos/web/hero-kabelpflug-poster.webp?v=2 1920w',
imageSizes: '100vw'
});

2
components/blocks/HeroVideo.tsx
View File

@@ -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.webp?v=2');
}
const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;

6950
lh-report-prod-en-v8.json Normal file
View File

File diff suppressed because one or more lines are too long