Core Web Vitals Optimierung für Onlineshops in Österreich: Der Praxis-Leitfaden

Core Web Vitals sind eine Gruppe von Leistungsmetriken, mit denen Google die Nutzererfahrung auf Webseiten misst. Für Onlineshops in Österreich sind sie zu einem zentralen Ranking-Faktor geworden. Wer die Werte für LCP, INP und CLS verbessert, steigert nicht nur die Sichtbarkeit in der Suche. Auch die Conversion-Rate und die Kundenzufriedenheit profitieren nachweislich. Dieser Leitfaden zeigt, wie du deinen österreichischen Onlineshop Schritt für Schritt optimierst.

• Ein LCP von 2,5 Sekunden oder weniger gilt laut Google als gut.
• Ein INP von 200 Millisekunden oder weniger gilt laut Google als gut.
• Ein CLS von weniger als 0,1 gilt laut Google als gut.
• Google verwendet seit der Umstellung auf Mobile-First-Indexierung die mobile Version von Websites als Grundlage für Indexierung und Ranking.

Wer die zentralen Messwerte wie LCP, INP und CLS richtig interpretieren will, findet im Crawza Blog kompakte Anleitungen mit konkreten Schwellenwerten für den Shop-Alltag.

Was sind die Core Web Vitals?

Die Core Web Vitals bestehen aus den drei Metriken LCP, INP und CLS, die Ladegeschwindigkeit, Interaktivität und visuelle Stabilität deines Onlineshops messen.

Die Core Web Vitals sind ein Teil der Page Experience Signale von Google. Sie wurden eingeführt, um die Nutzererfahrung im Web objektiv zu bewerten. Für Onlineshops in Österreich bedeuten gute Werte bessere Platzierungen auf Google. Schlechte Werte führen dagegen zu sinkenden Besucherzahlen und Umsätzen.

Der Largest Contentful Paint (LCP) misst die Ladezeit des größten sichtbaren Elements. Der Interaction to Next Paint (INP) bewertet die Reaktionsfähigkeit der Seite auf Klicks. Der Cumulative Layout Shift (CLS) erfasst ungewollte Layoutverschiebungen. Diese drei Werte ergeben zusammen das Bild der Nutzererfahrung.

Google aktualisiert seine Bewertung regelmäßig. Im Jahr 2026 ist INP die zentrale Metrik für Interaktivität. Wer diese Kennzahlen versteht, kann gezielt Verbesserungen umsetzen. Das gilt besonders für den wettbewerbsintensiven E-Commerce-Markt in Österreich. Weitere Hintergründe findest du auch im Crawza Blog.

Warum die Core Web Vitals für österreichische Onlineshops entscheidend sind

In Österreich entscheiden die Core Web Vitals darüber, ob ein Onlineshop auf dem Smartphone weit oben rankt und ob Besucher zu zahlenden Kunden werden.

Österreichische Konsumenten kaufen immer häufiger über ihr Smartphone ein. Laut Branchenberichten liegt der mobile Anteil am E-Commerce-Umsatz in Österreich inzwischen bei über der Hälfte. Das macht die mobile Performance zum kritischen Erfolgsfaktor. Google verwendet für die Indexierung inzwischen ausschließlich die mobile Version einer Website.

Gute Core Web Vitals sind also kein optionales Extra, sondern eine Grundvoraussetzung. Ein Onlineshop mit langsamer Ladezeit verliert Kunden, bevor die Seite überhaupt geladen ist. Studien zeigen, dass bereits eine Verzögerung von einer Sekunde die Conversion-Rate deutlich senken kann. In einem Markt wie Österreich, in dem Kaufkraft und Erwartungen hoch sind, ist das ein erheblicher Wettbewerbsnachteil.

Darüber hinaus beeinflussen die Core Web Vitals das Ranking bei Google. Zwei Shops, die ähnlich gute Inhalte bieten, werden nach der Nutzererfahrung sortiert. Wer also seine CWV-Werte optimiert, kann an Konkurrenten vorbeiziehen. Das gilt besonders bei umsatzstarken Keywords wie Produktnamen oder Markenbegriffen. Eine internationale Perspektive auf CWV im E-Commerce bietet der Core-Web-Vitals-Leitfaden für E-Shops.

LCP optimieren: Schnelle Ladezeiten für Produktseiten

Der Largest Contentful Paint (LCP) sollte in unter 2,5 Sekunden liegen – das erreichst du durch komprimierte Bilder, schnelle Serverantworten und effizientes CSS.

Der LCP misst, wie schnell das größte Element im sichtbaren Bereich geladen wird. Auf Produktseiten eines Onlineshops ist das oft das Hauptbild oder der Titel. Für eine gute Nutzererfahrung darf dieser Vorgang maximal 2,5 Sekunden dauern. In Österreich sind Nutzer besonders ungeduldig bei langsamen Ladezeiten.

Der erste Ansatzpunkt ist das Hosting. Ein Server in der Nähe der Zielgruppe, etwa in Deutschland oder Österreich, reduziert die Latenz spürbar. Zusätzlich hilft ein Content Delivery Network (CDN), Bilder und Skripte näher an den Nutzer zu bringen. Auch die Serverantwortzeit (TTFB) sollte unter 200 Millisekunden liegen.

Bilder sind in Onlineshops meist der größte LCP-Treiber. Verwende das moderne WebP-Format und komprimiere jedes Bild automatisch. Zudem solltest du Lazy Loading für untergeordnete Bilder einsetzen. Das Hero-Image darf jedoch nicht verzögert geladen werden, da es sonst den LCP negativ beeinflusst.

Zuletzt spielt CSS eine Rolle: Render-blockierendes CSS verzögert das erste Rendering. Durch Inline-CSS für den kritischen Bereich und das spätere Laden von Rest-CSS lässt sich der LCP oft deutlich verbessern. Auch der Verzicht auf große, nicht benötigte Fonts hilft.

INP verbessern: Reaktionsfähigkeit bei Interaktionen

Der Interaction to Next Paint (INP) misst die Reaktionszeit deines Shops auf Klicks und Tipp-Eingaben – ein Wert unter 200 Millisekunden gilt als gut.

Der INP hat 2024 die frühere Metrik First Input Delay (FID) abgelöst. Während FID nur die erste Interaktion maß, erfasst INP alle Klicks, Tastatureingaben und Touch-Gesten während eines Besuchs. Für Onlineshops ist das besonders wichtig, weil Nutzer ständig auf Produkte klicken, Filter setzen und in den Warenkorb greifen. Jede spürbare Verzögerung führt zu Frustration.

Die Hauptursache für einen schlechten INP ist JavaScript, das den Haupt-Thread der Seite blockiert. Moderne Shops laden oft riesige Skripte von Tracking-Tools, Plugins und Werbenetzwerken. Jedes einzelne Skript kostet Rechenzeit. Reduziere daher die Anzahl der Skripte und lade nicht benötigte Codes erst nach der Interaktion.

Ein weiterer Ansatz ist die Aufteilung großer JavaScript-Bundles in kleinere Chunks. So wird nur der Code geladen, der für die aktuelle Seite wirklich nötig ist. Auch Web Worker können rechenintensive Aufgaben vom Haupt-Thread auslagern. Das hält die Oberfläche reaktionsschnell, auch wenn im Hintergrund viel passiert.

Schließlich hilft es, Long Tasks zu vermeiden. Das sind Aufgaben, die länger als 50 Millisekunden dauern und die UI blockieren. Mit DevTools und Performance-Monitoring kannst du solche Aufgaben identifizieren und gezielt auflösen. Schon wenige Optimierungen spüren deine Kunden sofort. Auch Headless-Commerce-Architekturen können hier Vorteile bringen, wie der Ratgeber zu Headless-Commerce-SEO zeigt.

CLS stabilisieren: Visuelle Stabilität im Checkout

Ein Cumulative Layout Shift von unter 0,1 verhindert, dass Produktbilder oder Buttons beim Laden springen – das reduziert Fehlkäufe und Abbrüche im Checkout.

Der CLS misst, wie stark sich sichtbare Elemente unerwartet verschieben. Wenn ein Bild erst später geladen wird und danach den Text nach unten drückt, ist das ein Layout Shift. Besonders im Checkout ist das gefährlich: Ein Kunde will auf „Kaufen" klicken, doch der Button rutscht gerade weg. Die Folge sind falsche Klicks und abgebrochene Bestellungen.

Die häufigste Ursache für niedrige CLS-Werte sind fehlende Größenangaben für Medien. Jedes Bild und Video sollte ein festgelegtes Width- und Height-Attribut besitzen. So reserviert der Browser den Platz, noch bevor das Element geladen ist. Das gilt auch für Werbebanner und eingebettete Elemente wie Google Maps.

Auch Schriftarten können Layoutverschiebungen auslösen. Wenn eine Webschrift erst später geladen wird, ändern sich Breite und Höhe der Textzeilen. Nutze die CSS-Eigenschaft font-display: swap oder besser noch font-display: optional. Damit wird zunächst ein Systemfont angezeigt und die Umstellung erfolgt ohne Sprünge.

Ein weiterer Punkt sind dynamisch eingefügte Elemente, etwa Cookie-Banner oder Newsletter-Pop-ups. Sie sollten absolut positioniert werden, damit sie den Seiteninhalt nicht verschieben. Gleiches gilt für das Hinzufügen von Elementen oberhalb des sichtbaren Bereichs. Ein konstanter Platz dafür verhindert Layout-Sprünge komplett.

Tools und Monitoring für die Core Web Vitals in Österreich

Mit der Google Search Console, PageSpeed Insights und Chrome UX Report kannst du die Core Web Vitals deines Shops für den österreichischen Markt kontinuierlich überwachen.

Die Google Search Console bietet dir den Bericht „Core Web Vitals". Dieser zeigt, wie viele deiner URLs die Good- und Need-Improvement-Grenzen erfüllen. Du siehst die Werte getrennt für mobile und Desktop-Nutzer. Seit der Umstellung auf die reine Mobile-Indexierung sind die mobilen Daten in Österreich besonders relevant.

Der Chrome UX Report (CrUX) liefert Felddaten, also echte Nutzermessungen. Diese Daten stammen anonym von Chrome-Nutzern und sind deutlich aussagekräftiger als Labortests. Über die CrUX API kannst du die Werte sogar automatisiert in dein Monitoring integrieren. Damit erkennst du Verbesserungen und Regressionen in Echtzeit.

PageSpeed Insights kombiniert Felddaten und Labordaten. Das Tool von Google liefert dir konkrete Empfehlungen zur Optimierung. Du kannst auch einzelne Produktseiten testen und mit URL-Parametern vergleichen. Für österreichische Onlineshops empfiehlt es sich, den Standort des Testservers auf Wien zu legen. So misst du die Latenz so, wie sie ein österreichischer Nutzer erlebt.

Neben den Google-Tools solltest du ein permanentes Monitoring einrichten. Dienste wie Crawza können die Seiten deines Onlineshops regelmäßig analysieren. So erkennst du Performance-Probleme frühzeitig und kannst reagieren, bevor das Ranking leidet. Eine monatliche Überprüfung der CWV-Werte ist in einem wettbewerbsintensiven Markt wie Österreich der Mindeststandard.

Typische Fehler und schnelle Erfolge bei der Optimierung

Viele Onlineshops in Österreich verschenken Potenzial bei unkomprimierten Bildern, Tracking-Skripten und instabilen Bannern – diese Fehler lassen sich meist schnell beheben.

Der häufigste Fehler ist das Hochladen von Originalbildern in voller Größe. Viele Produktbilder haben mehrere Megabyte, obwohl sie im Shop nur 400 Pixel breit angezeigt werden. Eine Automatisierung zur Bildkomprimierung kann den LCP um Sekunden verbessern. Das allein reicht in vielen Fällen, um in den grünen Bereich zu kommen.

Ein weiterer Klassiker sind zu viele Tracking- und Marketing-Skripte. Jedes Skript von Facebook, Google Ads oder Consent-Management blockiert den Haupt-Thread. Prüfe, welche Tools wirklich notwendig sind und entferne alte Test-Snippets. Ein gutes Consent-Management lädt Skripte erst nach Zustimmung des Nutzers.

Drittens sorgen schlecht implementierte Banner und Pop-ups für hohe CLS-Werte. Ein Cookie-Banner sollte den Seiteninhalt nicht verschieben, sondern als Overlay über der Seite liegen. Wenn du mehrere Banner einsetzt, prüfe, ob sie gleichzeitig angezeigt werden. Das führt zu chaotischen Layouts und hohen CLS-Werten.

Ein schneller Erfolg ist auch die Aktivierung von HTTP/2 oder HTTP/3. Diese Protokolle beschleunigen die Übertragung aller Ressourcen erheblich. Viele österreichische Hoster unterstützen sie bereits, aber nicht jeder Shop nutzt sie. Eine einfache Kontrolle und Umstellung in der Serverkonfiguration wirkt sofort. Auch die Trends aus der E-Commerce-SEO-Trendanalyse 2026 helfen bei der Priorisierung.

Welche dieser Maßnahmen sich für Ihren Shop zuerst auszahlen, lässt sich mit einer technischen Analyse durch Crawza gezielt eingrenzen, statt alle Stellschrauben gleichzeitig zu drehen.