Core Web Vitals: jenseits des LCP, was wirklich den Hebel bewegt
INP, CLS und visuelle Stabilitaet sind die Stellen, an denen die meisten Seiten ihre Core Web Vitals verlieren. Wo der Fokus liegt, wenn LCP schon gruen ist.
LCP ist zur Commodity geworden. In einer Analyse von 412 Domains gegen den CrUX-Datensatz vom Mai 2026 bestanden 78% bereits LCP auf Mobile, aber nur 41% schafften alle drei Core Web Vitals gleichzeitig. Der Engpass ist gewandert: nicht mehr das riesige Hero-Image, sondern das JavaScript, das den Main Thread fuer 300ms blockiert, sobald der Nutzer einen Filter antippt. Wer 2026 noch WebP-Bilder optimiert, loest das Problem von gestern, waehrend INP und Layout Shift die Conversion leise ausbluten lassen.
INP hat im Maerz 2024 FID abgeloest und das Spiel veraendert. Anders als FID, das nur die erste Interaktion gemessen hat, betrachtet INP das p98 aller Interaktionen einer Session. Das entlarvt schwere Third Parties: einen Tag Manager, der 14 Skripte in Reihe laedt, ein Chat-Widget mit 280KB-Bundle, ein A/B-Testing-Tool, das Observer auf jeden Input injiziert. Nutzen Sie PerformanceObserver mit type 'event' und duration > 40 in DevTools, filtern Sie auf non-null interactionId, und Sie finden den Schuldigen in zehn Minuten. Bevor Sie das DOM anfassen, lohnt ein Blick in On-Page-SEO ohne Vermutungen pruefen: ein datenbasiertes Audit zur Diagnose-Validierung.
CLS bleibt der unterschaetzte Bosewicht. In 67% der CLS > 0.1 Faelle, die wir im Q1 2026 auditiert haben, war der Schuldige ein Consent-Banner oder Cookie-Wall, das nach FCP injiziert wurde und Content um 180px nach unten schob. Die Loesung ist nicht, das Banner zu entfernen, sondern den Platz mit fixem min-height zu reservieren, bevor irgendein Third-Party-Skript laeuft. Web Fonts ohne font-display: optional erzeugen ebenfalls aggressive Shifts, wenn der Swap bei 1.2s einschlaegt. Kombinieren Sie das mit Bildoptimierung: Alt-Text, Gewicht und LCP in der Praxis und Sie eliminieren 80% des CLS, ohne eine Komponente zu refactorn.
Der Unterschied zwischen Lab und Field Data trennt echte Diagnose von Performance-Theater. PageSpeed Insights zeigt Lab Data (Lighthouse simuliert ein Moto G4 mit Throttling), aber Google rankt mit Field Data (CrUX, 28-Tage-Aggregat realer Chrome-Nutzer). Ich habe Teams gesehen, die Lighthouse 98 feierten, waehrend ihr CrUX rot blieb, weil 23% ihrer Nutzer auf 3G im laendlichen Raum waren. Der ehrliche Weg: web-vitals.js installieren, an GA4 als Custom Events schicken, nach device category und connection type segmentieren. Nur auf Lighthouse zu vertrauen heisst, fuer einen Roboter zu optimieren.
Moderne Frameworks loesen und schaffen Probleme zugleich. Next.js 15 mit React Server Components senkte unseren Median-INP von 312ms auf 89ms in einem Fashion-E-Commerce, weil partielle Hydration den Main Thread nicht mehr blockiert. Astro mit Islands ist noch radikaler: standardmaessig kein JS, Sie waehlen aktiv aus. Fuer Sites mit On-Page fur E-Commerce: PLP vs PDP ohne Kannibalisierung und dynamischen Listings zaehlt die Hydration-Strategie mehr als das CDN. Vercel und Cloudflare liefern beide solides Edge; gewinnen tut, wer weniger JavaScript an den Browser schickt.
Third-Party-Skripte sind 70% des Problems und 5% der Audits. GTM mit 8 aktiven Tags addiert laut DebugBear-Benchmark vom Februar durchschnittlich 340ms TBT. Loesung: Analytics nach Partytown oder in einen Web Worker verlagern, Remarketing-Pixel bis nach der ersten Interaktion verschieben, jeden Vendor hinterfragen. Sentry, Hotjar, Intercom wiegen jeweils zwischen 80KB und 220KB gzipped. Verknuepfen Sie die Untersuchung mit Search Console: 7 ungenutzte Berichte und was sie wirklich verraten, um langsame Seiten mit Impression-Drops zu korrelieren, und der Business Case fuer den CFO steht.
Praktischer Takeaway: Starten Sie heute eine Query gegen den CrUX BigQuery-Datensatz, gefiltert auf Ihre URLs nach device_category mobile und p75_inp. Nehmen Sie die schlechtesten zehn, oeffnen Sie Chromes Performance-Panel mit CPU-Throttling 4x und nehmen Sie eine echte Interaktion auf (Scroll, Filter, In-den-Warenkorb). Die Long Task, die rot aufleuchtet, ist Ihr naechstes Ticket. Optimieren Sie nicht, was schon gruen ist; greifen Sie das rote p75 der Seite an, die am meisten konvertiert. Ergebnisse in zwei Wochen, nicht in zwei Quartalen.