Core Web Vitals im WooCommerce-Shop — was sie sind und warum sie den Umsatz beeinflussen
Ein Kunde besucht eine Produktseite, aber das Bild lädt mehrere Sekunden. Er versucht, eine Variante auszuwählen, doch der Shop reagiert nicht. Als er auf „In den Warenkorb" klicken möchte, verschiebt sich das Layout plötzlich und er trifft eine andere Schaltfläche.
Jedes dieser Probleme beschreibt eine der Core-Web-Vitals-Metriken.
Core Web Vitals zeigen, wie Nutzer das Verhalten einer Seite wahrnehmen: ob der wichtigste Inhalt schnell erscheint, ob der Shop flüssig reagiert und ob sein Layout stabil bleibt.
Für einen WooCommerce-Betreiber ist das nicht ausschließlich ein technisches Thema. Ein schlechtes Ergebnis kann bedeuten, dass der Kunde aufgibt, bevor er das Produkt ansieht, die Filter nicht bequem nutzen kann oder den Kauf wegen eines langsamen Warenkorbs abbricht.
In diesem Leitfaden erklären wir, was LCP, INP und CLS sind, wie sie den Umsatz beeinflussen und was die Ergebnisse eines WooCommerce-Shops am häufigsten verschlechtert.
Kurz gesagt
Core Web Vitals sind drei Metriken, mit denen Google die tatsächliche Nutzererfahrung bewertet: LCP (wie schnell der Hauptinhalt lädt), INP (wie schnell die Seite auf Klicks reagiert) und CLS (ob das Layout nicht springt). In einem Shop schlagen sie sich direkt im Umsatz nieder — ein langsam ladendes Produkt und eine springende Schaltfläche „In den Warenkorb" schrecken den Kunden ab. Die Verbesserung beginnt bei Bildern, Hosting und der Begrenzung schwerer Skripte. Die konkreten Marktdaten und die Messmethodik haben wir im Bericht zu Core Web Vitals von WooCommerce-Shops 2026 zusammengetragen.
Auf einen Blick (TL;DR)
- Core Web Vitals messen Ladegeschwindigkeit, Reaktionsfähigkeit der Seite und Layout-Stabilität.
- Die drei Hauptkennzahlen sind LCP, INP und CLS.
- Ein gutes Ergebnis ist LCP bis 2,5 s, INP bis 200 ms und CLS bis 0,1.
- Core Web Vitals sind Teil der Seitenerfahrung, garantieren aber für sich allein keine hohe Position bei Google.
- Schlechte Ergebnisse können das Ansehen von Produkten, die Nutzung von Filtern und das Aufgeben von Bestellungen erschweren.
- Es reicht nicht, die Startseite zu prüfen — Kategorie, Produkt, Warenkorb und Checkout müssen separat getestet werden.
- Das PageSpeed-Ergebnis allein sagt noch nicht genau, was behoben werden muss.
Was sind Core Web Vitals?
Core Web Vitals sind drei Kennzahlen, die die Nutzererfahrung während des Ladens und der Bedienung einer Seite messen.
Google verwendet derzeit drei grundlegende Metriken:
- LCP — wie schnell das größte Element erscheint,
- INP — wie schnell die Seite auf eine Nutzeraktion reagiert,
- CLS — die Stabilität des Layouts während des Ladens.
In einem WooCommerce-Shop lassen sie sich in drei einfache Fragen übersetzen:
- Wie schnell sieht der Kunde den Hauptinhalt des Produkts?
- Wie schnell reagiert der Shop auf einen Klick?
- Bleiben die Seitenelemente an ihrem Platz?
| Metrik | Was misst sie? | Gutes Ergebnis | Beispiel in WooCommerce |
|---|---|---|---|
| LCP | Wie schnell der Hauptinhalt erscheint | bis 2,5 s | Laden des Produktbilds oder eines Banners |
| INP | Die Reaktion der Seite auf Nutzeraktionen | bis 200 ms | Auswahl einer Variante, ein Filter, In-den-Warenkorb |
| CLS | Layout-Stabilität | bis 0,1 | Kein Verschieben von Preis, Bild und Schaltflächen |
Ein Shop besteht die Core-Web-Vitals-Bewertung, wenn alle drei Kennzahlen für die meisten gemessenen Besuche im guten Bereich liegen. Es geht also nicht um einen perfekten Test, der auf einem schnellen Computer im Büro durchgeführt wird. Was zählt, ist die Erfahrung von Nutzern mit verschiedenen Telefonen, Netzwerken und Standorten.
Was misst LCP?
LCP misst, wie schnell der Nutzer das größte sichtbare Element der Seite sieht, zum Beispiel das Produktbild oder den Hauptbanner.
LCP steht für Largest Contentful Paint. Auf einer WooCommerce-Produktseite ist das größte Element oft das Hauptproduktbild, eine Galeriegrafik, eine große Überschrift oder ein Werbebanner. Ein gutes LCP-Ergebnis beträgt höchstens 2,5 Sekunden.
Wie sieht schlechtes LCP aus Sicht des Kunden aus? Der Kunde öffnet die Produktseite. Er sieht die Überschrift und einen Teil des Textes, aber das Hauptbild lädt noch. Er weiß noch nicht, wie das Produkt aussieht, welche Farbe es hat, ob es dem Bild aus Google entspricht und ob es sich lohnt, die weitere Beschreibung zu lesen. Er kann warten. Er kann aber auch zu den Suchergebnissen zurückkehren und das Angebot der Konkurrenz öffnen.
Was verschlechtert LCP am häufigsten? Die häufigsten Ursachen sind ein zu großes Produktbild, eine langsame Serverantwort, das Fehlen eines wirksamen Caches sowie ein schwerer Slider oder ein schweres Theme. Cache ist eine gespeicherte, fertige Version der Seite, dank der der Server sie nicht jedes Mal von Grund auf neu aufbauen muss.
Beispiel
Das Hauptproduktbild ist 4000 × 4000 Pixel groß und wiegt 4 MB, im Shop wird es jedoch in einer Breite von 700 Pixeln angezeigt. Der Kunde lädt also eine deutlich größere Datei herunter, als zum Anzeigen des Produkts nötig ist. Bei einer schnellen Verbindung kann das Problem kaum sichtbar sein — auf dem Telefon und bei einem schwächeren Netz wird das Bild zum Hauptengpass.
Was misst INP?
INP misst, wie schnell die Seite auf einen Klick, eine Berührung des Bildschirms oder die Nutzung der Tastatur reagiert.
INP steht für Interaction to Next Paint. Ein gutes INP-Ergebnis beträgt höchstens 200 Millisekunden. In einem WooCommerce-Shop ist diese Metrik unter anderem wichtig bei:
- der Nutzung von Filtern,
- der Auswahl einer Variante,
- dem Hinzufügen eines Produkts zum Warenkorb,
- dem Öffnen des Mini-Warenkorbs,
- der Eingabe eines Rabattcodes,
- der Auswahl der Lieferung.
Wie sieht schlechtes INP aus Sicht des Kunden aus? Der Kunde drückt „In den Warenkorb", aber für einen Moment passiert nichts. Er weiß nicht, ob der Klick registriert wurde, also drückt er die Schaltfläche erneut. Nach einer Weile befinden sich zwei Stück des Produkts im Warenkorb. Ein ähnliches Problem kann bei Filtern auftreten — der Nutzer wählt eine Marke oder Größe, aber die Produktliste reagiert nicht. Der Shop wirkt, als hätte er sich aufgehängt.
Was verschlechtert INP am häufigsten? Die häufigsten Ursachen sind eine große Menge an JavaScript-Code, ein schwerer Page-Builder, umfangreiche AJAX-Filter sowie zahlreiche Chats, Popups und Marketing-Skripte.
Was ist AJAX?
AJAX ist eine Methode, um einen Teil der Seite ohne vollständiges Neuladen zu aktualisieren. In WooCommerce wird es unter anderem bei Filtern, im Warenkorb und bei der Auswahl von Varianten verwendet. AJAX selbst ist nicht das Problem — es tritt dann auf, wenn der Shop nach jedem Klick zu viel Arbeit verrichtet oder auf eine langsame Serverantwort wartet.
Was misst CLS?
CLS misst, ob sich Seitenelemente während des Ladens ohne Zutun des Nutzers verschieben.
CLS steht für Cumulative Layout Shift. Ein gutes CLS-Ergebnis beträgt höchstens 0,1. In der Praxis geht es um Situationen, in denen:
- sich der Text plötzlich nach unten verschiebt,
- eine Schaltfläche ihre Position ändert,
- ein Bild das Layout erweitert,
- ein Banner über dem Inhalt erscheint,
- der Preis nach dem Laden der Variante springt.
Wie sieht schlechtes CLS aus Sicht des Kunden aus? Der Kunde möchte „In den Warenkorb" drücken. Im selben Moment erscheint über der Schaltfläche eine Meldung oder ein Bild lädt nach. Die Schaltfläche verschiebt sich, und der Nutzer klickt versehentlich ein anderes Element an. Auf einer Informationsseite ist das ärgerlich. In einem Shop kann es zur Auswahl der falschen Variante, zum versehentlichen Schließen einer Meldung, zum Klick auf das falsche Element oder zum Abbruch des Kaufs führen.
Was verschlechtert CLS am häufigsten? Die häufigsten Ursachen des Problems sind Bilder ohne definierte Breite und Höhe, über dem Inhalt geladene Banner, eine die Höhe ändernde Einwilligungsleiste sowie ein Preis oder ein Widget, das verzögert nachgeladen wird.
Sind TTFB, FCP und das PageSpeed-Ergebnis Teil der Core Web Vitals?
Nein. Core Web Vitals sind derzeit LCP, INP und CLS, aber andere Kennzahlen helfen, die Ursache eines schlechten Ergebnisses zu finden.
In Berichten können Sie auch begegnen:
| Abkürzung | Was bedeutet sie? | Wofür ist sie nützlich? |
|---|---|---|
| TTFB | Time to First Byte | Zeigt, wie schnell der Server zu antworten beginnt |
| FCP | First Contentful Paint | Misst das Erscheinen des ersten Inhalts |
| TBT | Total Blocking Time | Hilft, das Blockieren der Seite durch JavaScript zu diagnostizieren |
| Speed Index | Geschwindigkeit des visuellen Erscheinens von Inhalten | Hilft, das laborbasierte Laden der Seite zu beurteilen |
Warum ist TTFB in WooCommerce wichtig? TTFB ist formal kein Core Web Vital, kann aber LCP beeinflussen. Wenn der Server lange braucht, um die Antwort vorzubereiten, beginnt der Browser später, den Seitencode, die Bilder, Stile, Skripte und Schriften herunterzuladen. In WooCommerce ist das besonders wichtig auf dynamischen Seiten wie Warenkorb, Kundenkonto, Bestellabschluss und Seiten mit individuellen B2B-Preisen. Nicht jede solche Seite lässt sich in einem gewöhnlichen Cache speichern, weil ihr Inhalt vom konkreten Nutzer abhängt.
Bedeutet ein PageSpeed-Ergebnis von 100 einen perfekten Shop? Nein. Das PageSpeed-Ergebnis von 0 bis 100 ist eine laborbasierte Leistungsbewertung, die auf Basis mehrerer Kennzahlen berechnet wird. Es ist nützlich, aber nicht dasselbe wie das Bestehen der Core Web Vitals bei echten Nutzern. Es sind also Situationen möglich, in denen:
- der Labortest ein hohes Ergebnis liefert, die Nutzer aber weiterhin schlechtes LCP haben,
- eine einzelne Adresse gut abschneidet, die Kategorien aber langsam sind,
- die Startseite schnell ist, der Warenkorb aber schlecht funktioniert,
- der Desktop ein gutes Ergebnis hat, die mobile Version die Bewertung aber nicht besteht.
Das Ziel sollte nicht sein, um jeden Preis 100 Punkte zu erreichen. Das Ziel ist, die Probleme zu beseitigen, die den Kunden im Weg stehen und die Funktion des Shops einschränken.
Warum beeinflussen Core Web Vitals den Umsatz?
Core Web Vitals beeinflussen den Umsatz, weil sie die Momente beschreiben, in denen der Kunde das Produkt ansieht, den Shop nutzt und eine Kaufentscheidung trifft.
Man muss die Namen der Metriken nicht kennen, um ihre Auswirkungen zu spüren. Der Kunde bemerkt einfach, dass der Shop lange zum Öffnen braucht, nicht reagiert, springt, die Produktauswahl erschwert oder den Eindruck macht, defekt zu sein.
Langsames LCP verzögert die Beurteilung des Produkts. In einem Shop ist das Bild oft wichtiger als der erste Absatz der Beschreibung. Wenn der Kunde lange auf das Hauptfoto warten muss, kann er das Aussehen des Produkts, die Verarbeitungsqualität, die Farbe, die Proportionen und die Übereinstimmung mit seinen Erwartungen nicht schnell beurteilen. Je länger der Shop das wichtigste Element verbirgt, desto größer ist das Risiko, dass der Nutzer geht, bevor er das Angebot kennenlernt.
Schlechtes INP erschwert das Hinzufügen eines Produkts zum Warenkorb. In einem Shop zählen viele Interaktionen: das Ändern der Farbe, die Auswahl der Größe, die Nutzung von Filtern, das Hinzufügen eines Produkts, das Ändern der Menge, die Auswahl einer Packstation. Wenn jede dieser Aktionen zu lange dauert, wird der gesamte Kaufprozess anstrengend.
Hohes CLS führt zu Fehlklicks. Eine sich verschiebende Schaltfläche kann reale Fehler verursachen: das Hinzufügen der falschen Variante, das Entfernen eines Produkts, die Auswahl einer anderen Lieferung oder das Schließen einer wichtigen Meldung. Der Kunde sollte das Gefühl der Kontrolle haben — ein instabiles Layout nimmt ihm diese Kontrolle.
Ein langsamer Shop verschwendet bezahlten Traffic. Wenn Sie für Google Ads oder Werbung in sozialen Medien bezahlen, hat jeder Klick einen Preis. Die Anzeige kann eine interessierte Person bringen, aber wenn die Produktseite lange lädt oder nicht reagiert, wurde das Budget für einen Besuch ausgegeben, der schlechte Voraussetzungen hatte, mit einem Kauf zu enden. Core Web Vitals betreffen also auch Google-Ads-Kampagnen, Google Shopping, soziale Medien, den Newsletter und wiederkehrende Kunden.
Das Problem ist auf schwächeren Geräten größer. Der Shop-Betreiber prüft die Seite oft auf einem neuen Computer und über schnelles WLAN. Der Kunde nutzt möglicherweise ein einige Jahre altes Telefon, einen schwächeren Prozessor, mobiles Internet oder eine Verbindung mit hoher Latenz. Der Shop sollte unter Bedingungen bewertet werden, die denen ähneln, unter denen die Kunden ihn tatsächlich nutzen.
Sie wissen nicht, ob ein langsamer Shop den Umsatz wirklich blockiert oder ob das Problem bei SEO, dem Angebot oder dem Kaufpfad liegt? Ein SEO-Audit des Shops sollte Core Web Vitals mit einer Analyse der wichtigsten Unterseiten, des Traffics und der technischen Probleme verbinden.
Beeinflussen Core Web Vitals die Positionen bei Google?
Ja, Core Web Vitals hängen mit der von Google berücksichtigten Seitenerfahrung zusammen, reichen aber für sich allein nicht aus, um hohe Positionen zu erreichen.
Ein gutes Ergebnis ersetzt keinen wertvollen Inhalt, keine passende Abstimmung auf die Suchanfrage, keine korrekte Indexierung, keine gute Kategoriestruktur, keine interne Verlinkung und keine Autorität der Seite.
Es funktioniert nicht so, dass „wir PageSpeed von 45 auf 90 verbessert haben, deshalb steigt jede Kategorie um fünf Positionen" — Google stellt keinen so einfachen Umrechner zur Verfügung. Eine ehrlichere Schlussfolgerung lautet: Wenn zwei Seiten den Bedarf des Nutzers gleich gut erfüllen, kann eine bessere Erfahrung ein zusätzlicher Vorteil sein.
Core Web Vitals sind eines der Elemente umfassenderer Maßnahmen. Im Rahmen der SEO für Onlineshops muss man gleichzeitig auf Indexierung, Kategoriearchitektur, Produkte, Inhalte und Verlinkung achten. Die grundlegende Reihenfolge der Arbeiten finden Sie im Leitfaden SEO eines WooCommerce-Shops — womit anfangen.
Wie prüft man die Core Web Vitals eines WooCommerce-Shops?
Am einfachsten beginnt man mit PageSpeed Insights und dem Core-Web-Vitals-Bericht in der Google Search Console.
Für eine grundlegende Prüfung benötigen Sie kein kostenpflichtiges Werkzeug.
PageSpeed Insights. In PageSpeed Insights geben Sie die Adresse einer konkreten Unterseite ein. Das Werkzeug kann zwei Arten von Daten anzeigen: Felddaten (von echten Nutzern stammend) und Labordaten (aus einem simulierten Test stammend).
Felddaten zeigen, wie der Shop bei echten Chrome-Nutzern im letzten Zeitraum funktioniert hat. Sie berücksichtigen verschiedene Geräte, Internetgeschwindigkeiten, Standorte und Nutzungsweisen der Seite. Genau in diesem Teil finden Sie die Core-Web-Vitals-Bewertung auf Basis echter Besuche. Die Daten sind möglicherweise nicht verfügbar, wenn eine konkrete Adresse oder der gesamte Shop nicht genügend Traffic hat.
Labordaten stammen aus einem einzelnen Test, der unter bestimmten Bedingungen durchgeführt wurde. Sie helfen, Probleme zu finden wie zu große Bilder, blockierende Skripte, ungenutztes JavaScript, eine langsame Serverantwort und sich verschiebende Elemente. Der Labortest ist für die Diagnose nützlich, zeigt aber nicht genau jeden Kundenbesuch.
Google Search Console. Der Core-Web-Vitals-Bericht in der Search Console gruppiert Adressen als gut, verbesserungsbedürftig und schlecht. Sein Vorteil ist die Möglichkeit, das Problem in größerem Maßstab zu sehen. Statt mehrere tausend Produkte manuell zu testen, können Sie prüfen, ob Google ein ähnliches Problem in einer ganzen Gruppe von Adressen erkennt. Beispiel: Wenn viele Produktseiten dasselbe Template und dieselbe schwere Galerie verwenden, kann schlechtes LCP die ganze Gruppe betreffen und nicht ein einzelnes Produkt.
Welche Shop-Seiten sollten getestet werden?
| Seitentyp | Was lohnt sich zu prüfen? |
|---|---|
| Startseite | Banner, Slider und Aktionsbereiche |
| Kategorie | Die Produktliste, Filter und Sortierung |
| Produkt | Das Bild, die Varianten und das In-den-Warenkorb-Legen |
| Warenkorb | Aktualisierung von Mengen und Kosten |
| Checkout | Das Formular, die Zahlung und die Auswahl der Lieferung |
| Kundenkonto | Anmeldung und Bestellhistorie |
Die Startseite kann ein gutes Ergebnis haben, während die Produktseite eine schwere Galerie und ein gutes Dutzend Skripte lädt. Aus Sicht des Umsatzes ist es manchmal wichtiger, das Produkt und den Warenkorb zu beschleunigen, als eine dekorative Animation auf der Startseite zu verbessern.
Warum zeigt PageSpeed jedes Mal andere Ergebnisse?
Das Testergebnis kann sich ändern, weil es von der Serverlast, dem Netzwerk, externen Ressourcen und den Bedingungen der konkreten Messung abhängt.
Die Unterschiede können aus einer kurzzeitigen Belastung des Hostings, einem aufgewärmten oder leeren Cache, den Antworten externer Skripte, dem Betrieb eines Chats, eines Bewertungssystems, eines Cookie-Einwilligungswerkzeugs sowie von WooCommerce ausgeführten Aufgaben resultieren.
Deshalb lohnt es sich nicht, Entscheidungen auf Basis eines einzelnen Tests zu treffen. Ein besseres Schema ist:
- Mehrere Messungen derselben Adresse durchzuführen.
- Mobile Geräte und Desktop getrennt zu prüfen.
- Die Ergebnisse verschiedener Seitentypen zu vergleichen.
- Felddaten von Labordaten zu trennen.
- Nach einem Problem zu suchen, das sich regelmäßig wiederholt.
Die detaillierte Organisation der Messung beschreibt der Leitfaden Core Web Vitals von WooCommerce-Shops — Berichtsmethodik.
Was beschädigt die Core Web Vitals in WooCommerce am häufigsten?
Am häufigsten sind schwere Bilder, ein langsamer Server, ein Übermaß an JavaScript, umfangreiche Plugins und ohne reservierten Platz nachgeladene Elemente schuld.
| Problem | Verschlechtert am häufigsten | Beispiel |
|---|---|---|
| Großes Produktbild | LCP | Ein Foto, das mehrere Megabyte wiegt |
| Langsames Hosting | LCP und INP | Langes Warten auf die Serverantwort |
| Schwere Filter | INP | Die Produktliste reagiert nach einem Klick nicht |
| Übermaß an Skripten | INP | Chat, Popups und mehrere Tracking-Systeme |
| Bilder ohne Maße | CLS | Der Inhalt verschiebt sich nach dem Laden des Bilds |
| Cookie-Banner | CLS und INP | Der Banner verschiebt das Layout und startet schweren Code |
| Page-Builder | LCP und INP | Eine große Anzahl von Elementen sowie CSS- und JS-Dateien |
| Dynamischer Preis | CLS | Der Preis verschiebt die Schaltfläche nach der Variantenauswahl |
| Schriften | LCP und CLS | Der Text ändert die Größe nach dem Herunterladen der Schriftart |
| Warenkorb-Fragmente | INP | AJAX-Anfragen nach jeder Aktion |
Zu viele schwere Plugins. Die bloße Anzahl der Plugins entscheidet nicht über die Geschwindigkeit. Ein Shop mit 40 gut geschriebenen Erweiterungen kann besser funktionieren als ein Shop mit 15 schweren Plugins. Das Problem tritt auf, wenn Erweiterungen Code auf jeder Unterseite laden, viele Datenbankabfragen ausführen, ihre Funktionen verdoppeln oder Skripte trotz fehlenden Bedarfs starten. Deshalb ist das Entfernen von Plugins „nach Anzahl" allein keine gute Methode — zuerst muss man prüfen, welche Erweiterung tatsächlich die Belastung verursacht.
Schwere Produktbilder. WooCommerce enthält oft Hunderte oder Tausende Fotos. Probleme treten auf, wenn:
- Bilder direkt aus der Kamera hochgeladen werden,
- Dateien größere Maße haben als nötig,
- Miniaturansichten vollständige Fotos laden,
- die Galerie alle Bilder auf einmal lädt,
- das Hauptbild von unnötigem Lazy Loading betroffen ist.
Achtung beim Hauptbild
Lazy Loading bedeutet, Bilder erst dann zu laden, wenn sie benötigt werden. Es ist nützlich für weiter unten befindliche Bilder, kann aber das LCP beschädigen, wenn es das sofort sichtbare Hauptbild erfasst. Die Formate WebP und AVIF liefern leichtere Dateien als JPG/PNG, aber das Format allein reicht ohne passende Maße und Kompression nicht aus.
Langsames Hosting. Hosting ist nicht das einzige Element der Leistung, bildet aber das Fundament. Wenn der Server lange braucht, um die Seite zu generieren, beginnen alle übrigen Vorgänge später. Das Problem kann besonders sichtbar sein während einer Aktion, bei vielen gleichzeitigen Bestellungen, im Warenkorb und Checkout, bei der Produktsynchronisierung und bei der Ausführung wiederkehrender Aufgaben. Mehr Informationen finden Sie im Leitfaden Hosting für WooCommerce — wie man wählt.
Zu viel JavaScript-Code. JavaScript ist unter anderem für Produktvarianten, Galerien, Filter, Popups, das Menü, den Warenkorb, Chats und die Analytik zuständig. Wenn es zu viel Code gibt, muss das Telefon des Kunden viele Operationen ausführen, bevor es auf einen Klick reagiert. Es reicht also nicht, dass die Dateien heruntergeladen wurden — das Gerät muss sie noch verarbeiten und ausführen.
Schlecht umgesetzte Cookie-Einwilligung. Ein umfangreiches Einwilligungssystem kann die ganze Seite verschieben, Interaktionen blockieren, viel Code laden, Skripte zum falschen Zeitpunkt starten oder Unterschiede zwischen dem ersten und dem nächsten Besuch verursachen. Der Banner sollte die rechtlichen Anforderungen erfüllen, muss dabei aber nicht die ganze Seite destabilisieren.
Behebt ein einziges Plugin die Core Web Vitals?
Ein Cache-Plugin kann helfen, behebt aber nicht automatisch alle LCP-, INP- und CLS-Probleme.
Ein verbreitetes Szenario sieht so aus:
- Der Shop hat ein schlechtes Ergebnis.
- Der Betreiber installiert ein Cache-Plugin.
- Er schaltet alle verfügbaren Optionen ein.
- Das Testergebnis steigt.
- Der Warenkorb, die Zahlung oder die Variantenauswahl funktioniert nicht mehr.
Plugins können einen Cache erstellen, Dateien verkleinern, Skripte verzögern, kritisches CSS generieren und Lazy Loading einschalten. Kritisches CSS ist der minimale Satz an Stilen, der nötig ist, um den oberen, sofort sichtbaren Teil der Seite schnell anzuzeigen. Ein Plugin weiß jedoch nicht automatisch:
- welches Skript für die Zahlung benötigt wird,
- wann der Filter funktionieren muss,
- ob das Verzögern des Codes die Varianten nicht beschädigt,
- welches Element das tatsächliche LCP ist,
- ob das Problem aus der Datenbank stammt,
- ob das Hosting die Ressourcen begrenzt.
Führen Sie Änderungen schrittweise ein
Schalten Sie nicht alle Optimierungsoptionen auf einmal ein. Testen Sie nach jeder Änderung den Kaufprozess — Varianten, In-den-Warenkorb, den Gutschein, die Lieferung und die Zahlung. Andernfalls kann ein Anstieg des Testergebnisses mit einem still beschädigten Checkout einhergehen.
Was zuerst verbessern?
Stellen Sie zuerst fest, welche Metrik nicht besteht und auf welchem Unterseitentyp das Problem auftritt.
Dieser Abschnitt ist keine vollständige Anleitung zum Beschleunigen eines Shops. Er zeigt nur, wie man die Reihenfolge der Arbeiten festlegt.
1. Bestimmen Sie die problematische Metrik. Wenn das Problem LCP ist — analysieren Sie das Hauptbild, den Server und die blockierenden Ressourcen; wenn INP — prüfen Sie JavaScript, Filter, Varianten und Warenkorb; wenn CLS — prüfen Sie Bilder, Banner, Schriften und dynamische Elemente.
2. Unterscheiden Sie das Symptom von der Ursache. Schlechtes LCP bedeutet nicht immer, dass das Bild zu groß ist. Das Bild kann leicht sein, beginnt aber erst nach der Antwort eines langsamen Servers, dem Laden der Stylesheets, dem Start des Sliders oder der Ausführung von JavaScript-Code zu laden.
3. Führen Sie eine Gruppe von Änderungen auf einmal ein. Wenn Sie gleichzeitig das Hosting wechseln, einen neuen Cache starten, mehrere Plugins entfernen, Bilder komprimieren und JavaScript verzögern, lässt sich nicht leicht feststellen, was geholfen und was einen neuen Fehler verursacht hat.
4. Testen Sie nach den Änderungen den Verkauf. Prüfen Sie die Varianten, Preise, das In-den-Warenkorb-Legen, Gutscheine, die Lieferung, die Zahlung, die Nachrichten und die mobile Version. Einen detaillierten technischen Plan finden Sie im Leitfaden wie man einen WooCommerce-Shop beschleunigt.
Was können Sie selbst prüfen?
Beginnen Sie die Selbstkontrolle mit konkreten Tests der wichtigsten Unterseiten und des Kaufprozesses.
1. Prüfen Sie vier Arten von Unterseiten. Testen Sie in PageSpeed Insights mindestens die Startseite, eine Kategorie, ein Produkt und den Warenkorb. Notieren Sie LCP, INP oder TBT, CLS sowie die wichtigsten Warnungen separat.
2. Beginnen Sie mit der mobilen Version. Vergleichen Sie Mobil und Desktop. Wenn der Computer gut funktioniert und das Telefon schlecht, achten Sie besonders auf die Menge an JavaScript, die Größe der Bilder, die Filter, die Reaktion der Schaltflächen und die den Bildschirm verdeckenden Elemente.
3. Öffnen Sie die Search Console. Prüfen Sie, wie viele Adressen ein gutes Ergebnis haben, wie viele Verbesserung benötigen, welche Adressgruppen ein ähnliches Problem haben und ob das Problem hauptsächlich mobile Geräte betrifft.
4. Nutzen Sie den Shop wie ein Kunde. Auf dem Telefon:
- Öffnen Sie eine Kategorie.
- Nutzen Sie die Filter.
- Gehen Sie zu einem Produkt.
- Ändern Sie die Variante.
- Legen Sie das Produkt in den Warenkorb.
- Ändern Sie die Stückzahl.
- Gehen Sie zur Bestellung.
- Wählen Sie Lieferung und Zahlung.
Achten Sie darauf, ob der Shop sofort reagiert und ob die Elemente ihre Position nicht ändern.
5. Prüfen Sie das Hauptproduktbild. Überprüfen Sie das Dateigewicht, die tatsächlichen Maße, das Format, den Zeitpunkt des Ladebeginns und ob das Hauptbild kein Lazy Loading aktiviert hat.
6. Sehen Sie die Marketing-Skripte durch. Prüfen Sie, wie viele Werkzeuge im Shop laden: Google Tag Manager, Meta Pixel, Chat, Bewertungssystem, Newsletter-Popup, Heatmaps, Personalisierungswerkzeug. Jedes davon kann nötig sein — das Problem ist der fehlende Überblick über ihren gemeinsamen Einfluss auf den Shop.
Wann lohnt es sich, dies einem Spezialisten zu übergeben?
Die Hilfe eines Spezialisten ist nötig, wenn das Ergebnis keine eindeutige Ursache zeigt oder die Korrekturen den Kaufprozess beeinträchtigen können.
Es lohnt sich, eine Analyse zu beauftragen, wenn:
- der Shop die Core Web Vitals trotz Nutzung eines Caches nicht besteht,
- die Ergebnisse stark zwischen den Tests schwanken,
- Produkte nur bei höherem Traffic langsam funktionieren,
- Filter die Seite blockieren,
- der Warenkorb lange braucht, um Daten zu aktualisieren,
- der Checkout langsamer funktioniert als andere Unterseiten,
- nach den Änderungen Zahlungen oder Varianten nicht mehr funktionieren,
- der Shop viele Integrationen nutzt,
- der Server regelmäßig seine Limits erreicht,
- das Problem Tausende ähnlicher Adressen betrifft,
- Sie eine Reihenfolge der Korrekturen nach ihrem Einfluss auf den Umsatz benötigen.
Eine gute Analyse sollte beantworten, welche Unterseiten ein Problem haben, welche Metrik nicht besteht, welches Element sie verschlechtert, ob das Problem den Server, das Frontend oder die Integrationen betrifft, was zuerst zu beheben ist, wie man den Effekt der Umsetzung prüft und ob die Änderung die Käufe nicht beschädigt hat.
Häufig gestellte Fragen
Was sind Core Web Vitals?
Core Web Vitals sind drei Google-Kennzahlen, die messen, wie schnell der Hauptinhalt erscheint, wie die Seite reagiert und wie stabil das Layout ist. Derzeit sind das LCP, INP und CLS.
Welche Core-Web-Vitals-Ergebnisse sind gut?
Ein gutes LCP beträgt höchstens 2,5 Sekunden, INP höchstens 200 ms und CLS höchstens 0,1. Die Bewertung sollte für alle drei Metriken gut sein.
Beeinflussen Core Web Vitals das SEO?
Ja, sie sind Teil der weiter gefassten Seitenerfahrung, die von Google berücksichtigt wird. Sie ersetzen jedoch nicht Inhalt, Links, Indexierung oder die Abstimmung der Seite auf die Suchanfrage.
Beeinflusst das PageSpeed-Ergebnis direkt die Position?
Man sollte die Anzahl der PageSpeed-Punkte nicht mit einem direkten Rankingfaktor gleichsetzen. Wichtiger sind die tatsächlichen Core Web Vitals und die allgemeine Nutzererfahrung.
Warum hat der Shop auf dem Computer ein gutes und auf dem Telefon ein schlechtes Ergebnis?
Ein Telefon kann einen langsameren Prozessor, eine schwächere Verbindung und einen kleineren Bildschirm haben. Eine große Menge an JavaScript und schwere Bilder sind dann stärker spürbar.
Reicht ein Cache-Plugin zur Verbesserung der Core Web Vitals?
Nicht immer. Ein Cache kann die Antwortzeit und das Laden verbessern, behebt aber nicht automatisch schweres JavaScript, ein sich verschiebendes Layout oder das fehlerhafte Laden von Bildern.
Nach welcher Zeit sieht man eine Verbesserung der Core Web Vitals?
Das Laborergebnis lässt sich gleich nach der Umsetzung prüfen. Felddaten brauchen Zeit, weil sie aus echten Nutzerbesuchen gesammelt werden.
Muss man jede einzelne Produktseite testen?
Man muss nicht alle Produkte manuell prüfen. Es lohnt sich, repräsentative Seiten auszuwählen, die verschiedene Templates, Galerien, Varianten und Integrationen verwenden.
Besteht Ihr Shop die Core Web Vitals nicht?
Ein rotes Ergebnis allein sagt noch nicht, was den Shop wirklich blockiert. Das Problem kann in den Bildern, dem Theme, den Filtern, dem JavaScript, der Datenbank oder dem Server liegen. Wenn Sie feststellen möchten, welche Korrekturen für Sichtbarkeit und Umsatz am wichtigsten sind:
- SEO-Audit des Shops — wir analysieren die wichtigsten Arten von Unterseiten, trennen die Daten echter Nutzer von Labortests und ordnen die Korrekturen nach Priorität.
- SEO für Onlineshops — Core Web Vitals als Teil einer umfassenderen Sichtbarkeit.
- Wie man einen WooCommerce-Shop beschleunigt — ein technischer Plan der Korrekturen.