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

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

Browse Source
This commit is contained in:
Marc Mintel
2026-07-01 01:15:18 +02:00
parent 73886406a4
commit 1955bfcd1b
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/blocks/HeroVideo.tsx
View File

@@ -34,7 +34,7 @@ export function HeroVideo(props: HeroVideoProps) {
let defaultPoster = "/assets/photos/DJI_0048.JPG"; let defaultPoster = "/assets/photos/DJI_0048.JPG";
if (videoUrl && videoUrl.endsWith('.mp4')) { 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; const posterSrc = props.backgroundImage?.url || props.posterImage?.url || data?.posterImage?.url || defaultPoster;
@@ -88,7 +88,7 @@ export function HeroVideo(props: HeroVideoProps) {
fill fill
className="object-cover z-[1] pointer-events-none" className="object-cover z-[1] pointer-events-none"
sizes="100vw" sizes="100vw"
quality={25} unoptimized={true}
priority priority
fetchPriority="high" fetchPriority="high"
/> />

BIN
public/assets/videos/web/hero-kabelpflug-poster.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB