Sichtbarkeitshebel · Technik

Ladezeit & Core Web Vitals: warum dein Shop schnell sein muss – und nicht springen darf

Google misst mit drei Werten, wie sich deine Seiten für echte Besucher anfühlen: Wie schnell das Wichtigste sichtbar ist, wie flott die Seite auf Tippen reagiert und ob Inhalte beim Laden verrutschen. Hier siehst du den Unterschied im Ladefilm, ordnest deine eigenen Werte ein und findest heraus, was deinen Shop bremst.

Thema Seitenerlebnis Wirkung hoch Aufwand hoch Kein Risiko

Live-Demo

Der Ladefilm: dieselbe Produktseite, zweimal geladen

Schau auf das Handy links und auf die Zeitleiste rechts. Bei „Langsam & springend“ rutscht der Warenkorb-Button weg, das Bild kommt spät und ein Tippen bleibt eine gefühlte Ewigkeit ohne Reaktion. Tippe gern selbst auf den Button.

Produktseite · mobil
dein-shop.at
Nur diese Woche: Gratisversand ab 49 €

Wanderrucksack Alpin 28 l

89,90 € inkl. MwSt., zzgl. Versand

Leichter Tagesrucksack mit Rückenbelüftung, Regenhülle und Trinksystem-Fach. Wasserabweisend, 980 g.

Zeit seit Aufruf
0,0 s

Skripte belegen den Browser LCP Layout-Verschiebung Tippen & Reaktion

LCP–wartet
INP–wartet
CLS0,00läuft

Nachgestellte Attrappe mit Beispielwerten, keine Messung. Echte Shops laden nicht nach Drehbuch – aber genau diese drei Muster (spätes Hauptbild, nachträglich eingeschobene Leisten, blockierende Skripte) sehen wir in Shop-Analysen immer wieder.

Wir schauen gemeinsam auf die Core Web Vitals deines Shops – und darauf, was davon wirklich bremst.Kostenloser 30-Minuten-Call · unverbindlich · per Video oder Telefon

30 Min. sprechen: Ladezeit

Was Google misst

Drei Werte, drei Fragen: Sehe ich was? Reagiert es? Bleibt es stehen?

LCPgut bis 2,5 s

Largest Contentful Paint – Ladetempo

Wann ist das größte sichtbare Element fertig? Im Shop ist das fast immer das Produkt- oder Kategoriebild – oder ein großer Slider im Kopfbereich.

Typische Bremsen: zu große Bilder, Lazy Loading beim Hauptbild, langsamer Server, Slider.

INPgut bis 200 ms

Interaction to Next Paint – Reaktion

Wie lange dauert es vom Tippen bis zur sichtbaren Reaktion – über den ganzen Besuch? INP hat im März 2024 den älteren Wert FID abgelöst.

Typische Bremsen: viele Apps und Plugins, Tracking-Tags, Chat- und Bewertungs-Widgets.

CLSgut bis 0,1

Cumulative Layout Shift – Stabilität

Wie stark verrutschen Inhalte, während die Seite lädt? Ein Wert ohne Einheit – je kleiner, desto ruhiger. Spürbar wird er beim Tippen daneben.

Typische Bremsen: Bilder ohne feste Maße, nachgeladene Leisten, Schriftwechsel, Widgets.

Labordaten: der Test unter festen Bedingungen

Ein einzelner, simulierter Aufruf – zum Beispiel im unteren Teil von PageSpeed Insights. Gut, um Ursachen zu finden und Änderungen sofort zu prüfen. Der Wert schwankt aber von Test zu Test und bildet nicht ab, wie deine Kunden surfen. Tippen misst ein Labortest nicht direkt; statt INP zeigt er die Blockierzeit als Näherung.

Felddaten: was echte Besucher erleben

Messwerte echter Chrome-Nutzer, zu sehen oben in PageSpeed Insights und im Bericht „Core Web Vitals“ der Search Console. Gezählt wird das 75. Perzentil: Drei von vier Aufrufen müssen den guten Wert schaffen. Genau diese Daten nutzt Google. Kleine Shops haben für einzelne Seiten oft zu wenig Daten – dann zählt die Gruppe ähnlicher Seiten.

Und zur Einordnung: Das Seitenerlebnis ist für Google ein Faktor unter vielen. Relevanter Inhalt schlägt Tempo. Aber ein schneller Shop verliert weniger Besucher auf dem Weg zum Warenkorb – das zählt unabhängig vom Ranking.

Warum Shops langsam werden

Kein Shop startet langsam – er wird es, Stück für Stück

Jede Erweiterung ist für sich harmlos. In Summe entsteht eine Seite, die viel lädt und viel rechnet. Die Kürzel zeigen, welcher Wert vor allem leidet. Sortiert danach, was in der Praxis meist am meisten bringt.

1. Bilder LCPCLS

Kamera-Exporte mit mehreren Megabyte, keine modernen Formate wie WebP oder AVIF, keine festen Maße. Oft der schnellste Gewinn – mehr dazu bei Bilder-SEO.

2. Apps & Plugins INPLCP

Jede Erweiterung mit eigenem JavaScript und CSS lädt oft auf allen Seiten mit – auch dort, wo sie gar nichts tut. Deinstallierte Shopify-Apps hinterlassen manchmal Reste im Theme.

3. Tracking & Marketing INP

Analyse, Werbepixel, Heatmaps, Chat, Bewertungs-Widgets: Jedes Tag will ausgeführt werden. Viele sind nach Kampagnen vergessen worden und laufen weiter.

4. Hosting & Caching LCP

Bei WooCommerce entscheidet der Server, wie schnell überhaupt etwas ankommt: Tarif, PHP-Version, Datenbank, Seiten- und Objekt-Cache.

5. Slider & Videos oben LCPCLS

Große Slider laden mehrere Bilder plus Skript, bevor das erste zu sehen ist. Ein starkes, statisches Bild ist fast immer schneller – und wird öfter angesehen als Folie drei.

6. Schriften CLSLCP

Viele Schriftschnitte, von fremden Servern geladen, und ein sichtbarer Wechsel von der Ersatz- zur Webschrift. Zwei bis vier Schnitte, lokal eingebunden, reichen meist.

Werkzeug 1

Core-Web-Vitals-Einordner: Wie gut sind deine Werte?

Trag die Werte deiner wichtigsten Produkt- oder Kategorieseite ein. Du bekommst die Einstufung nach den Google-Grenzwerten und die Maßnahmen, mit denen du anfangen solltest.

gut ≤ 2,5 s · schlecht > 4 s
gut ≤ 200 ms · schlecht > 500 ms
gut ≤ 0,1 · schlecht > 0,25

Wo finde ich die Werte?

PageSpeed Insights (pagespeed.web.dev): URL eingeben, Reiter „Mobil“, oben der Block mit den Daten echter Nutzer. Fehlt er, hat die Seite zu wenig Besuche – dann zeigt der Block oft die Werte der ganzen Website.

Search Console: Bericht „Core Web Vitals“, getrennt nach Mobilgeräten und Desktop, mit Gruppen ähnlicher URLs. Mobil zuerst ansehen.

LCP
INP
CLS

Damit fängst du an

    Diese Werte im Call durchgehenWir sagen dir, welche Maßnahme bei deinem Shop am meisten bringt – und was sie kostet.

    Werkzeug 2

    Seitengewicht-Rechner: Was lädt deine Produktseite eigentlich?

    Schätz die Bestandteile einer typischen Seite und sieh, wo das Gewicht steckt – und wie viel ein Aufräumen ungefähr einspart. Eine grobe Modellrechnung mit Durchschnittswerten, keine Messung.

    Zählt Produktbilder, Vorschaubilder ähnlicher Produkte, Logos und Banner.
    Jede Stärke und Kursive zählt einzeln (Regular, Bold, Italic …).
    Heute0 MB
    Nach dem Aufräumen (Bilder als AVIF)0 MB

      Grobes Einsparpotenzial 0 MB

      Annahmen der Modellrechnung: Schriftschnitt ca. 40 KB, Skript je App oder Plugin ca. 60 KB, Tracking-Tag ca. 80 KB. „Aufgeräumt“ heißt: Bilder in Anzeigegröße (höchstens ca. 200 KB) und in modernem Format (WebP statt JPEG ca. 30 % kleiner, AVIF statt WebP ca. 15 % kleiner – grobe Faustwerte, je nach Motiv sehr unterschiedlich), höchstens vier Schriftschnitte, verzichtbare Skripte entfernt, Video erst auf Klick. Zielformat der Rechnung ist AVIF – den Wert mit WebP als Ziel siehst du direkt unter dem Balken. Echte Zahlen liefert der Reiter „Netzwerk“ in den Entwicklertools deines Browsers.

      Wo steckt das Gewicht bei deinem Shop wirklich?Im Call messen wir eine echte Produktseite und sagen dir, was sich lohnt.

      Ehrlich abgewogen

      Lohnt sich die Arbeit an der Ladezeit?

      Spricht dafür

      • Hilft allen Seiten zugleich: Bilder, Caching und weniger Skripte wirken shopweit, nicht nur auf einer URL.
      • Besseres Einkaufserlebnis: weniger Warten, kein Tippen daneben, besonders mobil unterwegs.
      • Teil des Seitenerlebnisses, das Google berücksichtigt – bei ähnlich guten Seiten kann es den Ausschlag geben.
      • Gut messbar: PageSpeed Insights und Search Console zeigen vorher und nachher.
      • Kein Risiko, solange Datenschutz und Preisanzeige beim Beschleunigen nicht unter die Räder kommen.

      Spricht dagegen

      • Kein Ersatz für Inhalt: Eine schnelle Seite, die nicht zur Suche passt, rankt trotzdem nicht.
      • Aufwand kann hoch sein, wenn Theme oder Hosting die eigentliche Ursache sind.
      • Felddaten brauchen Zeit: Verbesserungen erscheinen in der Search Console erst nach einigen Wochen.
      • Zielkonflikte mit Marketing: Jedes weitere Tracking- oder Chat-Tool kostet wieder Reaktionszeit.
      • Punkte-Jagd lohnt nicht: Von 85 auf 100 im Labortest merkt kaum ein Kunde etwas.

      Risiko-Ampel

      Was Google und das Recht erwarten

      Kein Risiko

      Schneller machen ist unkritisch – solange du dabei keine Abkürzungen nimmst.

      • Tempo ist ein Faktor, keine Strafe.Google berücksichtigt das Seitenerlebnis als eines von vielen Signalen. Schlechte Werte führen nicht zu einer Abstrafung, und sehr relevante Seiten ranken auch mit mittelmäßigen Werten.
      • Google und Besuchern dieselbe Seite zeigen.Eine abgespeckte Version nur für den Googlebot, damit die Messung besser aussieht, wäre Cloaking – ein Verstoß gegen die Spam-Richtlinien. Zudem stammen die Core Web Vitals ohnehin aus Daten echter Besucher.
      • Einwilligung nicht wegoptimieren.Tracking- und Marketing-Skripte, die eine Einwilligung brauchen, dürfen erst nach der Zustimmung laden – auch wenn ein früheres Laden oder das Zusammenfassen in einem Paket technisch schneller wäre. Der Consent-Hinweis selbst sollte schlank sein und keine Inhalte verschieben.
      • Cache darf keine falschen Preise oder Bestände zeigen.Warenkorb, Kasse und Kundenkonto gehören nicht in den Seiten-Cache. Und nach Preis- oder Bestandsänderungen muss der Cache geleert werden – sonst sehen Kunden veraltete Preise oder „lieferbar“ bei ausverkauften Artikeln.
      • Schriften besser lokal einbinden.Werden Schriften von fremden Servern geladen, wird dabei die IP-Adresse der Besucher übertragen – das gilt datenschutzrechtlich als heikel. Lokal eingebundene Schriften vermeiden das und laden meist auch schneller.

      Stand 10/2026. Eingeordnet nach den Google-Richtlinien für die Suche und dem Recht in Deutschland und Österreich. Das ist eine Einschätzung aus der Praxis, keine Rechtsberatung – für verbindliche rechtliche Prüfungen arbeiten wir mit der IT-Recht Kanzlei zusammen.

      Umsetzung

      So machen wir WooCommerce und Shopify schneller

      Erst messen, dann ändern. Die größten Hebel unterscheiden sich: Bei WooCommerce liegt viel am Server, bei Shopify am Theme und an den Apps.

      PlattformSo wird es gebautAufwandWorauf wir achten
      WooCommerceHosting und PHP-Version prüfen, Seiten- und Objekt-Cache einrichten, Bilder beim Upload verkleinern und als WebP ausliefern, Plugins ausmisten und Skripte nur dort laden, wo sie gebraucht werden. Hintergründe im Beitrag WooCommerce extrem langsam.2–5 TageWarenkorb, Kasse und Konto vom Cache ausnehmen. Nach Updates erneut messen – dauerhaft schnell bleibt ein Shop nur mit Pflege, etwa über unsere WooCommerce-Wartung.
      ShopifyServer und CDN stellt Shopify. Unsere Hebel: ein schlankes Theme, ungenutzte Apps entfernen (samt Code-Resten im Theme), Bildgrößen über die Theme-Einstellungen passend ausgeben, Slider und Autoplay-Videos im Kopfbereich ersetzen. Zum Selbermachen mit Speed-Check in 15 Minuten: Shopify schneller machen.1–3 TageVor dem Deinstallieren einer App klären, welche Funktion sie noch liefert. Neue Apps vorab auf ihre Skripte prüfen, nicht erst nach dem Einbau.
      BeideMessen mit PageSpeed Insights und dem Bericht „Core Web Vitals“ in der Search Console – mobil zuerst. Hauptbild ohne Lazy Loading und mit festen Maßen, weitere Bilder mit Lazy Loading, Tracking über einen zentralen Tag-Manager bündeln (siehe Analytics & Tracking).+0,5 TageDie Search Console braucht einige Wochen, bis neue Felddaten die Einstufung ändern. Bis dahin mit Labortests und der Seitengruppe vergleichen, nicht mit einzelnen Ausreißern.

      Aus Shops, die wir übernommen haben

      Die häufigsten Fehler bei der Ladezeit

      Lazy Loading für alles

      Auch das Produktbild ganz oben wartet, bis der Browser es als sichtbar erkennt. Genau das Bild, das den LCP bildet, kommt dadurch später.

      Nur die Startseite gemessen

      Die Startseite ist schnell, aber Kategorien mit 48 Produkten und Produktseiten mit Variantenauswahl und Bewertungs-Widget sind es nicht – und genau die ranken.

      Noch ein Performance-Plugin

      Drei Optimierungs-Plugins, die sich gegenseitig ins Gehege kommen: doppelt verkleinerte Dateien, kaputte Skripte, ein Mini-Warenkorb, der nicht mehr aktualisiert.

      Nur auf den Punktwert geschaut

      Der Labortest zeigt 98 Punkte, die Search Console trotzdem „Schlecht“. Entscheidend sind die Daten echter Besucher, meist auf dem Handy.

      Leiste über dem Inhalt eingeschoben

      Aktionsleiste, Bewertungs-Sterne oder Hinweis zur Lieferzeit erscheinen erst nach dem Laden – und schieben den Button nach unten. Platz vorher reservieren.

      Welcher Bremsklotz ist es bei dir?

      Wir schauen gemeinsam auf deine Werte und sagen dir, wo sich der Aufwand lohnt – im kostenlosen Call.

      Call buchen

      Häufige Fragen

      Ladezeit & Core Web Vitals – kurz beantwortet

      Was sind die Core Web Vitals?

      Drei Messwerte, mit denen Google das Seitenerlebnis beschreibt: LCP (Largest Contentful Paint) misst, wann der größte sichtbare Inhalt geladen ist, INP (Interaction to Next Paint) misst, wie schnell die Seite auf Klicks und Eingaben reagiert, und CLS (Cumulative Layout Shift) misst, wie stark Inhalte beim Laden verrutschen.

      Welche Werte gelten bei den Core Web Vitals als gut?

      LCP bis 2,5 Sekunden, INP bis 200 Millisekunden und CLS bis 0,1. Als schlecht gelten LCP über 4 Sekunden, INP über 500 Millisekunden und CLS über 0,25. Maßgeblich ist das 75. Perzentil echter Besuche: Mindestens drei von vier Seitenaufrufen sollten den guten Wert erreichen.

      Sind die Core Web Vitals ein Rankingfaktor?

      Sie sind Teil des Seitenerlebnisses, das Google berücksichtigt - aber ein Faktor unter vielen. Eine schnelle Seite mit unpassendem Inhalt rankt nicht, eine sehr relevante Seite rankt auch mit mittelmäßigen Werten. Der größere Gewinn liegt meist bei den Besuchern: Sie warten nicht gern und tippen ungern daneben.

      Warum zeigt PageSpeed Insights andere Werte als die Search Console?

      PageSpeed Insights zeigt zwei Dinge: oben Felddaten echter Chrome-Nutzer (sofern genug Daten vorhanden sind) und darunter einen Labortest, der einen einzelnen Aufruf unter festen Bedingungen simuliert. Die Search Console zeigt nur Felddaten und fasst ähnliche Seiten zu Gruppen zusammen. Für die Bewertung durch Google zählen die Felddaten, der Labortest hilft beim Finden der Ursachen.

      Warum ist mein WooCommerce-Shop so langsam?

      Die häufigsten Gründe sind zu große Bilder, viele Plugins mit eigenem JavaScript, zahlreiche Tracking- und Marketing-Skripte, fehlendes oder falsch eingestelltes Caching, eine veraltete PHP-Version und ein zu knapp bemessenes Hosting. Meist ist es nicht ein einzelner Grund, sondern die Summe - deshalb lohnt sich eine Messung, bevor man etwas ändert.

      Was ist aus FID geworden?

      First Input Delay wurde im März 2024 durch INP ersetzt. FID hat nur die Verzögerung der ersten Eingabe gemessen, INP betrachtet die Reaktionszeit über den ganzen Besuch hinweg. Shops mit vielen Skripten schneiden bei INP deshalb oft schlechter ab als früher bei FID.

      Weitere Sichtbarkeitshebel

      Was sich gut damit kombinieren lässt

      Keine Zeit dafür? Wir bauen es ein → · Alle 14 Sichtbarkeitshebel und der Selbst-Check → · Gefunden – und dann? Die Kaufhebel →

      Schneller gefunden, schneller gekauft

      Wir schauen gemeinsam auf die Ladezeit deines Shops

      In 30 Minuten gehen wir deine Core Web Vitals durch, suchen die größten Bremsen – Bilder, Apps, Tracking oder Hosting – und du weißt danach, was sich zuerst lohnt und was die Umsetzung in WooCommerce oder Shopify kostet.

      Du sprichst direkt mit Irena oder Ronny Kühn – nicht mit einem Vertriebsteam.