{ WEBDESIGN }

Core Web Vitals 2026 verstehen: LCP, INP, CLS für Schweizer KMU einfach erklärt

Google’s Core Web Vitals sind 2026 direkter Ranking-Faktor. Eine Website, die diese Metriken verfehlt, rankt schlechter und verliert User. Trotzdem ignorieren viele Schweizer KMU diese Werte komplett. Dieser Leitfaden erklärt LCP, INP und CLS verständlich und zeigt, wie Sie sie konkret verbessern.

Veröffentlicht am 24.08.2026

Frontend-Entwickler-Workspace mit Chrome DevTools Performance-Analyse

IN DIESEM BEITRAG

Was sind Core Web Vitals und warum zählen sie 2026?

Core Web Vitals sind drei messbare Metriken, die Google nutzt, um die User Experience einer Website zu bewerten: Largest Contentful Paint (LCP) misst Ladegeschwindigkeit, Interaction to Next Paint (INP) misst Interaktivität, und Cumulative Layout Shift (CLS) misst visuelle Stabilität. Seit Juni 2024 ist INP offizielle Metrik, hat First Input Delay (FID) ersetzt. 2026 sind alle drei direkter Ranking-Faktor in Google.

Konkrete Wirkung: Eine Website, die alle drei Werte verfehlt, rankt typischerweise 5-15 Positionen schlechter als Wettbewerber mit grünen Werten. Bei gleichem Content. Das macht Core Web Vitals zu einem der wirkungsvollsten technischen SEO-Hebel.

Was ist Largest Contentful Paint (LCP) genau?

LCP misst, wie lange es dauert, bis das grösste sichtbare Element einer Seite geladen ist. Das ist typischerweise das Hero-Bild, eine Video-Vorschau oder ein grosser Text-Block. Google’s Zielwerte: unter 2.5 Sekunden ist gut, 2.5-4 Sekunden braucht Verbesserung, über 4 Sekunden ist schlecht.

LCP-Probleme bei Schweizer KMU-Sites haben meist drei Ursachen:

  • Zu grosse Hero-Bilder (über 200 KB, nicht WebP-komprimiert)
  • Custom Fonts ohne Preload, die Render-Blocking sind
  • Render-Blocking JavaScript im `

Konkrete Fixes:

  • Hero-Bilder als WebP unter 100 KB liefern, mit `fetchpriority=»high»` markieren
  • Custom Fonts via « priorisieren
  • Tracking-Scripts mit `defer` oder `async` laden

Was ist Interaction to Next Paint (INP) genau?

INP misst die Reaktionszeit über alle User-Interaktionen einer Sitzung — Klicks, Taps, Scrolls. Sie ersetzt seit März 2024 die alte FID-Metrik und ist strenger. Google’s Zielwerte: unter 200 ms ist gut, 200-500 ms braucht Verbesserung, über 500 ms ist schlecht.

INP-Probleme entstehen typischerweise durch:

  • Schweres JavaScript, das den Main-Thread blockiert
  • Viele Third-Party-Scripts (Tracking, Chat, Analytics)
  • Aufwendige Animationen ohne Hardware-Beschleunigung
  • Schlecht optimierte Page Builder

Konkrete Fixes:

  • Long-running JavaScript-Tasks in kleinere Stücke aufteilen
  • Third-Party-Scripts mit «Delay JavaScript Execution» (WP Rocket) verzögern
  • CSS-Animationen statt JavaScript-Animationen nutzen
  • Heavy Page Builder durch leichtere Alternativen ersetzen

Was ist Cumulative Layout Shift (CLS) genau?

CLS misst, wie viel sich der visuelle Inhalt einer Seite während des Ladens unerwartet verschiebt. Wenn Sie auf einen Link klicken wollen und sich plötzlich die Seite verschiebt, sodass Sie etwas anderes klicken — das ist CLS. Google’s Zielwerte: unter 0.1 ist gut, 0.1-0.25 braucht Verbesserung, über 0.25 ist schlecht.

CLS-Probleme entstehen typischerweise durch:

  • Bilder ohne `width` und `height` Attribute
  • Embed-Iframes (YouTube, Maps) ohne Container-Reservierung
  • Custom Fonts, die nach dem Laden andere Text-Grössen verursachen
  • Dynamisch eingefügte Anzeigen oder Cookie-Banner

Konkrete Fixes:

  • Alle Bilder mit `width` und `height` versehen (WP Rocket macht das automatisch)
  • Iframes in feste Container mit `aspect-ratio` einbetten
  • `font-display: optional` für Custom Fonts
  • Cookie-Banner als Overlay statt Layout-Shift implementieren

Wie messen Sie Core Web Vitals richtig?

Core Web Vitals messen Sie 2026 über drei Tool-Kategorien: Field Data (echte User-Daten via Chrome User Experience Report), Lab Data (Simulation via Lighthouse), und Real User Monitoring (eigene Messung). Für KMU reicht meist die Kombination aus Google PageSpeed Insights und Search Console.

Kostenlose Tools:

  • PageSpeed Insights für Lab + Field Data (pagespeed.web.dev)
  • Google Search Console Core-Web-Vitals-Report (Field Data für Ihre Domain)
  • Lighthouse in Chrome DevTools (Lab Data im Browser)
  • WebPageTest für detaillierte Waterfall-Analyse (webpagetest.org)

Eine professionelle Website-Optimierung beginnt immer mit einem CWV-Audit.

Welche Quick Wins bringen am meisten?

Diese fünf Quick Wins bringen 2026 bei Schweizer KMU-Sites typisch die grösste CWV-Verbesserung in der kürzesten Zeit:

1. WebP-Bildkomprimierung via ShortPixel oder Imagify (-1.5s LCP) 2. WP Rocket aktivieren mit Critical CSS und Delay JavaScript (-1s LCP, -200ms INP) 3. Image-Dimensions ergänzen auf alle Bilder (CLS auf 0) 4. Hero-Bild preloaden mit `fetchpriority=»high»` (-0.5s LCP) 5. YouTube-Embeds durch Click-to-Load ersetzen (-1.5s LCP)

Mit diesen fünf Massnahmen kommen die meisten Schweizer WordPress-Sites von «Verbesserung nötig» auf «gut».

Fazit: Drei Schritte zu besseren Core Web Vitals 2026

Erstens: Audit. PageSpeed Insights für Ihre wichtigsten 5 Seiten, Search Console Core-Web-Vitals-Report prüfen.

Zweitens: Quick Wins. Die 5 Quick Wins oben umsetzen, neu messen.

Drittens: Iteration. Monatliche Re-Messung, gezielte Optimierung der schwächsten Metrik.

Häufig gestellte Fragen

Was ist LCP einfach erklärt?

LCP (Largest Contentful Paint) misst, wie lange es dauert, bis das grösste sichtbare Element einer Webseite geladen ist — typischerweise das Hero-Bild oder ein grosser Text-Block. Google’s Ziel ist unter 2.5 Sekunden. Werte über 4 Sekunden sind schlecht und kosten Rankings. LCP ist 2026 direkter Ranking-Faktor.

Was ist INP und wann hat es FID ersetzt?

INP (Interaction to Next Paint) misst die Reaktionszeit über alle User-Interaktionen einer Sitzung. Es hat im März 2024 First Input Delay (FID) als offizielle Core-Web-Vital-Metrik ersetzt. INP ist strenger als FID, weil es nicht nur den ersten Klick misst, sondern alle Interaktionen. Zielwert ist unter 200 ms.

Wie verbessere ich meinen LCP-Wert konkret?

Drei Hebel mit grösster Wirkung: Hero-Bilder als WebP unter 100 KB komprimieren und mit fetchpriority=»high» markieren, Custom Fonts via preload priorisieren, und Render-Blocking JavaScript (Tracking, Slider) mit defer oder async laden. Mit WP Rocket + ShortPixel sind das oft 1-2 Klicks.

Wie wichtig sind Core Web Vitals für SEO-Rankings?

Sehr wichtig. Seit 2021 sind Core Web Vitals offizieller Ranking-Faktor, 2024 wurde INP zur offiziellen Interaktivitäts-Metrik. Studien zeigen: Sites, die alle drei Werte im grünen Bereich haben, ranken durchschnittlich 5-15 Positionen besser als Wettbewerber bei sonst gleichem Content.

Brauche ich ein technisches Audit für Core Web Vitals?

Für KMU-Sites unter 50 Seiten reicht typischerweise ein DIY-Audit mit PageSpeed Insights, Search Console und der Anwendung von Quick Wins. Bei grösseren Sites (200+ Seiten), komplexen Plugin-Setups oder unklaren Ursachen lohnt sich ein professionelles Audit mit WebPageTest und Lighthouse CI ab 1’500 CHF.

Bereit für den nächsten Schritt?

Sie wollen Ihre Core Web Vitals nachhaltig verbessern? YOU MEDIA als Webdesign in Luzern begleitet Sie von der Strategie bis zur Umsetzung — persönlich, transparent und auf KMU-Budgets ausgerichtet.

Kai Schöne, dein Ansprechpartner
Kai Schöne

Geschäftsführer von YOU MEDIA in Horw bei Luzern. Kai Schöne bringt über 15 Jahre persönliche Berufserfahrung ein und setzt Projekte gemeinsam mit seinem Team um.

{ DER NÄCHSTE SCHRITT }

GUTE FRAGE.
LASS UNS REDEN.

Erzähl uns, was du vorhast. Wir finden gemeinsam heraus, wie wir dich unterstützen können.

DEINE PRIVATSPHÄRE

Deine Auswahl.

Du kannst Statistiken und externe Inhalte getrennt erlauben oder ablehnen. Ohne Freigabe laden wir diese Dienste nicht.

Notwendig

Speichert deine Auswahl für 180 Tage in diesem Browser. Technische Funktionen bleiben verfügbar.

Immer aktiv

Google Analytics startet nur mit deiner Zustimmung zu Statistik. Deine Auswahl kannst du jederzeit über «Cookie-Einstellungen» ändern. Ein Widerruf stoppt die weitere Statistik-Erfassung und beendet die betroffenen Einbettungen; bereits übermittelte Daten werden dadurch nicht zurückgeholt. Mehr zum Datenschutz · Google-Datenschutz