Largest Contentful Paint (LCP) ist die Zeit, bis der größte sichtbare Block im ersten Viewport gerendert ist. Google sieht alles über 2,5 Sekunden als „needs improvement“, über 4 als „poor“. Wer 2026 noch über 2,5 s liegt, verliert Plätze in den Rankings und Konversion zur gleichen Zeit.
Die vier Hebel mit dem höchsten Effekt
- Bilder im modernen Format (AVIF/WebP) mit `priority`-Hint und festen Dimensionen
- Server-Side-Rendering oder Static-Generation — kein Client-Side-Hydration für den Hero
- Fonts mit `display=swap` + Preload + lokale Subsets statt Google-Fonts-Roundtrip
- Edge-Hosting nahe an der Zielgruppe (Vercel EU-Regionen für DACH)
Was selten besprochen wird: JavaScript-Budget
Selbst optimierte Bilder werden nutzlos, wenn 400 kB Client-JavaScript im Hauptthread blockieren. React 19 + React Compiler lösen einen Großteil davon — wir setzen RSC standardmäßig und „use client“ nur dort, wo wirklich Interaktion stattfindet.
Was du in 30 Minuten messen kannst
PageSpeed Insights gibt dir Real-User-Daten (CrUX) und Lab-Daten. Mobile zuerst, dann Desktop. Wenn dein LCP-Element ein Bild ist, prüfe Format und ob `loading="eager"` gesetzt ist. Wenn es Text ist, prüfe Font-Loading.