Im Mai 2021 hat Google die Core Web Vitals offiziell in seinen Ranking-Algorithmus aufgenommen. 2025 nimmt ihr Gewicht weiter zu, und trotzdem ignoriert die Mehrheit der Schweizer Websites sie noch immer. Gemäss dem jährlichen Web Almanac von HTTP Archive erreichen weltweit weniger als 45 % der Webseiten bei allen drei Kennzahlen zusammen die Schwellenwerte «Gut». In der Schweiz, wo der lokale digitale Wettbewerb nach wie vor unterschätzt wird, ist diese Statistik eine direkte Chance, sich einen Vorsprung gegenüber Ihren Mitbewerbern zu verschaffen.
Dieser Artikel erklärt, was LCP, INP und CLS sind, nicht in technischen Begriffen, sondern in Bezug auf die geschäftliche Wirkung: Sichtbarkeit bei Google, Conversion-Rate, Markenimage. Und vor allem, wie Sie diese Werte mit einer massgeschneidert programmierten Website systematisch erreichen.
Was Google wirklich misst, und warum das Ihr Problem ist
Die Core Web Vitals sind keine vorübergehende technische Mode. Sie messen die reale Nutzererfahrung und werden laufend vom Chrome-Browser bei Millionen realer Nutzerinnen und Nutzer erhoben (über den Chrome User Experience Report, CrUX). Google entscheidet damit, wer einen Platz auf der ersten Seite verdient.
Was 2025 alles verändert: Google verwendet inzwischen vorrangig Felddaten (Field Data) und nicht mehr nur synthetische Tests. Ihre Website kann in einer Testumgebung 90/100 bei Lighthouse erreichen und trotzdem abgestraft werden, wenn Ihre echten Nutzer (auf ihren Smartphones, mit mittelmässigem 4G-Empfang) eine schlechte Erfahrung machen.
Drei Kennzahlen definieren diese Erfahrung. Jede entspricht einem bestimmten Moment der Interaktion zwischen Nutzer und Website.
LCP (Largest Contentful Paint): Ihr Schaufenster in 2.5 Sekunden
Was das geschäftlich bedeutet
Der LCP misst die Zeit, bis das grösste sichtbare Element der Seite angezeigt wird: oft das Hero-Bild, der Haupttitel oder das Einstiegsvideo. Das ist der Moment, in dem die Nutzerin oder der Nutzer wahrnimmt, dass die Website «da ist». Dauert es länger, steigen die Leute aus.
Google-Schwellenwerte 2025:
Die konkrete Wirkung auf Ihr Geschäft
Eine Studie von Portent (2019, bestätigt durch Google-Daten von 2023) zeigt, dass eine Website, die in 1 Sekunde lädt, 3× besser konvertiert als eine Website, die 5 Sekunden braucht. Deloitte hat eine ähnliche Studie veröffentlicht: Eine Verbesserung der Ladezeit um 0.1 Sekunden steigert die Conversions im Detailhandel um 8 %.
Für eine Anwaltskanzlei in Genf oder Zürich, ein Sternerestaurant oder einen selbständigen Berater bedeutet jede verlorene Zehntelsekunde eine Kontaktaufnahme, die nicht stattfindet.
Warum die meisten Websites beim LCP scheitern
Die häufigsten Ursachen sind systembedingt, nicht zufällig:
- Nicht optimierte Hero-Bilder: ein 3-MB-Foto im JPEG-Format, ausgeliefert ohne
srcset, ohne WebP/AVIF-Format, ohne Preloading. Das betrifft 70 % der WordPress-Websites mit einem Premium-Theme. - Billiges Shared Hosting: eine Time to First Byte (TTFB) von über 800 ms verbraucht die Hälfte des LCP-Budgets, bevor der Browser überhaupt mit dem Rendern beginnt.
- Render-blockierendes JavaScript: Drittanbieter-Skripte (Chatbots, Analytics, Werbe-Tags), die vor der Anzeige des Hauptinhalts ausgeführt werden.
- Vollständig geladenes, nicht kritisches CSS: eine 500-KB-Stildatei aus einem CSS-Framework, die zu 100 % geladen wird, obwohl 5 % für die erste Ansicht genügen würden.
Wie eine massgeschneiderte Next.js-Website den LCP im Griff hat
Mit Next.js 16 und der nativen <Image>-Komponente wird jedes Bild automatisch im richtigen Format (WebP oder AVIF je nach Browser) und in der passenden Grösse für den Bildschirm ausgeliefert und vorgeladen, wenn es über priority als LCP-Kandidat gekennzeichnet ist. Das serverseitige Rendering (SSR) garantiert eine optimale TTFB, ohne Abhängigkeit vom CDN eines CMS.
Bei den INFUSE-Projekten liegt der LCP auf Mobilgeräten systematisch zwischen 0.8 und 1.4 Sekunden, deutlich unter dem Schwellenwert von 2.5 s.
INP (Interaction to Next Paint): die Reaktionsfähigkeit, die Kunden bindet
Die neueste Kennzahl, und die am meisten missverstandene
Der INP (Interaction to Next Paint) hat im März 2024 den FID (First Input Delay) als offiziellen Core Web Vital abgelöst. Er ist die am schwierigsten zu verstehende und am schwierigsten zu beherrschende Kennzahl.
Der INP misst die Verzögerung zwischen dem Moment, in dem eine Person mit Ihrer Seite interagiert (Klick, Tippen, Tastatureingabe), und dem Moment, in dem der Browser die Reaktion auf diese Interaktion sichtbar anzeigt. Gemessen wird nicht nur die Verzögerung beim ersten Klick, sondern die schlechteste beobachtete Verzögerung während der gesamten Sitzung.
Google-Schwellenwerte 2025:
Warum das 2025 entscheidend ist
Laut Google ist der INP die Kennzahl, die Sitzungsabbrüche am besten vorhersagt. Wer auf ein Menü klickt und 600 ms wartet, ohne dass etwas passiert, nimmt diese Blockade bewusst wahr. Auf Mobilgeräten ist das noch deutlicher spürbar.
WordPress-Plugins, insbesondere WooCommerce, Elementor und Formular-Plugins, erzeugen laufend lange JavaScript-Aufgaben (Long Tasks), die den Hauptthread des Browsers blockieren. Das Ergebnis: Der INP explodiert, oft auf 500 ms bis 1'200 ms bei «gewöhnlichen» Firmenwebsites.
Was den Unterschied macht: React-Architektur und selektive Hydration
React 19 und Next.js 16 ermöglichen eine partielle Hydration und Server Components. Statische Elemente (Texte, Bilder, Struktur) erzeugen auf der Client-Seite keinerlei JavaScript (null Overhead). Nur die wirklich interaktiven Komponenten (Formulare, animierte Menüs, Karussells) bringen JavaScript mit, und dieses JavaScript ist optimiert, minifiziert und per Tree-Shaking bereinigt.
GSAP-Animationen, die korrekt ausserhalb des Hauptthreads umgesetzt sind (über requestAnimationFrame und ohne Layout-Thrashing), beeinträchtigen den INP nicht. Ein gut programmiertes GSAP-Menü reagiert in weniger als 50 ms.
CLS (Cumulative Layout Shift): die Stabilität, die Vertrauen schafft
Der «Seitensprung»-Effekt, der die Erfahrung ruiniert
Der CLS misst die visuelle Instabilität einer Seite während des Ladens. Jedes Mal, wenn sich ein Element unerwartet verschiebt, etwa weil ein Bild ohne definierte Abmessungen den Text nach unten drückt oder weil sich eine Anzeige zwischen zwei Absätze schiebt, steigt der CLS.
Google-Schwellenwerte 2025:
Die häufigsten Ursachen
- Bilder ohne
width- undheight-Attribute: Der Browser kann den Platz vor dem Laden nicht reservieren. - Nicht vorgeladene Webfonts: Der Text erscheint zuerst in einer Systemschrift und «springt» dann, wenn die eigentliche Schrift eintrifft (FOUT, Flash of Unstyled Text).
- Werbung und Embeds von Drittanbietern: Werbeflächen, die nach dem ersten Laden erscheinen, verschieben den Inhalt.
- Schlecht konzipierte CSS-Animationen: Übergänge, die
top,leftodermarginstatttransformverändern, lösen kostspielige Reflows aus.
Geschäftliche Wirkung des CLS: Einer Website, die «wackelt», vertraut niemand
Ein hoher CLS erzeugt versehentliche Klicks: Die Person wollte einen Link antippen, aber das Element hat sich im letzten Moment verschoben. Besonders nachteilig ist das auf Mobilgeräten, wo die Touch-Fläche ohnehin klein ist. Die Nielsen Norman Group hat dokumentiert, dass visuelle Sprünge die Verunsicherung der Nutzer erhöhen und den Eindruck von Professionalität schmälern.
So erreichen Sie systematisch einen CLS unter 0.05
Die <Image>-Komponente von Next.js erzwingt automatisch width und height und beseitigt damit die Hauptursache. Die Schriften werden über next/font mit font-display: swap und Preloading ausgeliefert. Die GSAP-Animationen verwenden ausschliesslich transform und opacity, also Eigenschaften, die keinen Reflow auslösen. Das Ergebnis: ein CLS unter 0.05 bei sämtlichen INFUSE-Projekten.
Die Wirkung auf das Google-Ranking: was die Daten sagen
Der direkte Zusammenhang mit der Platzierung
Eine Backlinko-Studie über 11.8 Millionen Google-Ergebnisse (2024) bestätigt, dass die Core Web Vitals statistisch mit dem Ranking korrelieren. Seiten auf Position 1 bis 3 weisen einen medianen LCP von 1.8 s auf, gegenüber 3.2 s bei Seiten auf Position 8 bis 10.
Ahrefs hat 2024 eine ähnliche Analyse veröffentlicht: Seiten mit der Bewertung «Gut» bei allen drei Kennzahlen haben eine 1.7× höhere Chance, unter den ersten 3 organischen Ergebnissen zu erscheinen.
Google hat in seiner Dokumentation bestätigt, dass die Core Web Vitals ein «Tie-Breaking-Signal» sind: Bei gleichwertigem Inhalt gewinnt die leistungsfähigere Website.
Der Sonderfall Schweizer Markt
Der Markt in der Romandie und in der übrigen Schweiz hat eine Besonderheit: Der digitale Wettbewerb ist noch wenig optimiert. Nur wenige KMU investieren in Web-Performance. Eine Website, die in Branchen wie Recht, Immobilien, gehobene Gastronomie oder B2B-Dienstleistungen bei allen drei Kennzahlen die Schwellenwerte «Gut» erreicht, verfügt über einen erheblichen, manchmal entscheidenden Vorteil.
Lokale Suchanfragen («Anwalt Genf», «Architekt Lausanne», «HR-Berater Zürich») nehmen stark zu. Auch Google Maps und die lokalen Ergebnisse berücksichtigen die Core Web Vitals seit Ende 2024 in ihrem Qualitätssignal.
Benchmarks: was die Zahlen in der Praxis zeigen
WordPress-Websites vs. massgeschneidert programmierte Websites: ein realer Vergleich
Die folgende Tabelle vergleicht die durchschnittlichen Kennzahlen, die bei repräsentativen Website-Typen beobachtet wurden, basierend auf CrUX-Daten und PSI-Audits (PageSpeed Insights) aus den Jahren 2024 und 2025:
Diese Zahlen sind nicht theoretisch. Sie stammen aus echten Audits mit PageSpeed Insights und WebPageTest an realen Websites im Produktivbetrieb.
Was «Ausgezeichnet» konkret verändert
- SEO: systematisches Erscheinen unter den ersten 3 organischen Ergebnissen für die anvisierten lokalen Keywords.
- Conversion-Rate: +15 % bis +40 %, gemessen in den 3 Monaten nach dem Livegang, gemäss Portent und Deloitte.
- Absprungrate: -25 % bis -50 % auf Mobilgeräten (Quelle: Google/Deloitte «Milliseconds Make Millions», 2020).
- Akquisitionskosten: Wenn Sie Google Ads schalten, wird der Quality Score von der Erfahrung auf der Zielseite beeinflusst: Bessere Kennzahlen bedeuten tiefere Kosten pro Klick.
Warum massgeschneiderter Code die einzige nachhaltige Lösung ist
Das strukturelle Problem von CMS und Page Buildern
WordPress ist an sich nicht schlecht. Aber das Ökosystem aus Plugins, Themes und Page Buildern erzeugt eine strukturelle technische Schuld, die keine oberflächliche Optimierung beseitigen kann.
Ein konkretes Beispiel: Ein Elementor-Pro-Theme lädt im Durchschnitt 1.2 MB CSS und 2.4 MB JavaScript, wovon auf jeder Seite nur ein Bruchteil genutzt wird. Es erzeugt HTTP-Anfragen für 20 bis 40 verschiedene Ressourcen. Es führt während des ersten Ladens Skripte aus, die das Rendering blockieren. Diese Probleme lassen sich nicht mit einem Cache-Plugin «beheben».
Was Next.js 16 und React 19 von Haus aus bieten
Server Components: Komponenten, die keine Interaktivität benötigen, werden vollständig auf dem Server gerendert. Der Browser erhält statisches HTML: kein JavaScript zum Parsen, keine Hydration. Der LCP erfolgt sofort.
Turbopack: Der neue Bundler von Next.js 16 erzeugt JavaScript-Bundles, die gegenüber Webpack um 30 bis 50 % kleiner sind, mit konsequentem Tree-Shaking. Nur der tatsächlich genutzte Code wird an den Browser gesendet.
next/image: automatische Umwandlung in WebP/AVIF, dynamische Grössenanpassung, natives Lazy Loading, automatisch berechnete sizes je nach Layout. Kein zusätzlicher Aufwand: Der optimale LCP ist der Standard.
next/font: Google Fonts oder eigene Schriften werden einmal heruntergeladen und auf Ihrer eigenen Domain gehostet (keine Anfrage an Dritte), mit automatisch konfiguriertem font-display: optional oder swap. Schriftbedingter CLS wird eliminiert.
Striktes TypeScript: Die statische Typisierung verhindert Rendering-Fehler, die Layout-Sprünge oder blockierte Interaktionen verursachen könnten.
Kein Plugin, kein Template: der Vorteil, auf einem weissen Blatt zu beginnen
Jedes INFUSE-Projekt beginnt bei null: kein Parent-Theme, kein vollständig geladenes CSS-Framework, keine unnötigen Abhängigkeiten. Das CSS wird in Tailwind v4 geschrieben, mit ausschliesslich den verwendeten Klassen. Das JavaScript beschränkt sich auf das absolut Notwendige. Die GSAP-Animationen werden chirurgisch präzise integriert, ohne Auswirkung auf die Core Web Vitals.
Deshalb erreichen INFUSE-Websites systematisch:
- LCP < 1.5 s auf Mobilgeräten
- INP < 100 ms
- CLS < 0.05
Nicht als Ergebnis einer Optimierung nach dem Launch, sondern als natürliche Folge einer sauberen Architektur ab dem ersten Commit.
Was Sie jetzt tun sollten
Prüfen Sie Ihre Website sofort
Zwei kostenlose Tools, ohne Registrierung:
-
PageSpeed Insights (pagespeed.web.dev): Geben Sie Ihre URL ein. Sie erhalten die realen Felddaten Ihrer Nutzer (sofern Ihre Website genügend Chrome-Traffic hat) und ein synthetisches Audit. Achten Sie auf die drei Kennzahlen im Abschnitt «Core Web Vitals».
-
Google Search Console (search.google.com/search-console): Wenn Sie Inhaber der Website sind, zeigt Ihnen der Bereich «Nutzerfreundlichkeit» > «Core Web Vitals» die Verteilung Ihrer URLs auf Gut/Verbesserungswürdig/Schlecht.
Interpretieren Sie die Ergebnisse
- Alles grün (Gut): Sie sind in einer starken Position. Halten Sie sie: Jedes zusätzliche Plugin oder Drittanbieter-Skript kann eine Kennzahl kippen lassen.
- Ein oder zwei «Verbesserungswürdig»: Ihre Website ist gehandicapt, aber noch zu retten. Ein Redesign ist nicht zwingend nötig: Ein gründliches technisches Audit kann schnelle Verbesserungen aufzeigen.
- Ein oder mehrere «Schlecht»: Sie verlieren täglich Positionen. Die Abstrafung erfolgt nicht sofort, aber sie ist kumulativ und immer schwieriger aufzuholen.
Die ROI-Rechnung
Wenn Ihre Website bei 10'000 Besuchern und einer Conversion-Rate von 2 % 200 Kontakte pro Monat generiert, kann der Wechsel von «Schlecht» zu «Gut» bei den Core Web Vitals Ihnen 15'000 Besucher (besseres Ranking) bei einer Conversion-Rate von 3 % (bessere Erfahrung) bringen, also 450 Kontakte pro Monat. Über einen durchschnittlichen Kundenlebenszyklus von 3 Jahren steht die finanzielle Wirkung in keinem Verhältnis zu den Kosten einer massgeschneiderten Website.
Fazit
Die Core Web Vitals 2025 sind für Unternehmen, die ernsthaft auf ihre Online-Präsenz setzen, keine Option mehr. LCP, INP und CLS sind die drei Säulen einer Nutzererfahrung, die sowohl Google als auch Ihre potenziellen Kunden zufriedenstellt.
Die schlechte Nachricht: Baukastenlösungen (WordPress, Squarespace, Wix, Webflow) können die Schwellenwerte «Gut» ohne permanente und kostspielige Optimierungsarbeit nicht dauerhaft erreichen, und oft gelingt es selbst damit nicht.
Die gute Nachricht: Eine massgeschneidert programmierte Website mit Next.js 16 und React 19 erreicht diese Schwellenwerte standardmässig, ohne zusätzlichen Aufwand, weil die Architektur von Anfang an gesund ist.
Wenn Sie wissen möchten, wo Ihre Website heute steht und was es bräuchte, um technische Exzellenz zu erreichen, kontaktieren Sie INFUSE für ein kostenloses Audit. Kein Fachjargon, keine Verpflichtung: nur klare Zahlen und ein Aktionsplan.