Die Web-Vitals sind 2026 strenger geworden — und gleichzeitig fairer. Wer heute eine seriös konzipierte Site nicht in unter 1.5 Sekunden lädt, hat irgendwo gepfuscht. Hier ist, was den Unterschied macht.
INP hat FID abgelöst — und das ist gut so
Interaction to Next Paint misst die Verzögerung jeder einzelnen Interaktion, nicht nur der ersten. Wer 2026 noch React-Apps mit 3 MB JavaScript ausliefert, fällt durch. INP unter 200 ms ist die Schwelle.
LCP unter 1.5 Sekunden ist kein Mythos
Der wichtigste Bildschirm-Inhalt soll in unter 1.5 Sekunden sichtbar sein. Wir erreichen das standardmäßig — mit einer einfachen Regel: das Hero-Bild wird mit fetchpriority="high", festen Dimensionen und im AVIF-Format ausgeliefert.
Fonts: der unterschätzte Killer
Selbst gehostete Fonts mit font-display: swap und Preload sind 2026 Pflicht. Google-Fonts-CDN ist DSGVO-rechtlich heikel und langsamer als die eigene Domain. Wer drei Schriftfamilien lädt, sollte exakt drei Files preloaden — nicht mehr.
Was wir konsequent nicht mehr tun
- Carousel-Slider (CLS-Killer)
- Hero-Video-Loops (LCP- und INP-Sünde)
- Late-loaded Webfonts mit Block-Render
- Tracking-Scripts vor First-Paint (Plausible-Inline reicht)
Was Astro hier liefert
Statische Auslieferung als Default. Komponenten-Inseln nur dort, wo Interaktion gebraucht wird. View-Transitions-API native, sodass Seiten-Wechsel wie ein App-Wechsel wirken — ohne ein Gramm zusätzliches JavaScript.
Wie wir messen
Lighthouse als Baseline, dann RUM (Real-User-Monitoring) über Cloudflare Web Analytics — kein Cookie, keine personenbezogenen Daten. Wer ohne RUM optimiert, optimiert für ein Lab-Szenario, nicht für die Realität.
Quellen
- Google — Web Vitals — web.dev
- Astro Docs — Performance — docs.astro.build
- Cloudflare — Real User Monitoring — www.cloudflare.com