Ladezeit und Core Web Vitals
Wie schnell lädt die Startseite auf dem Smartphone, springt sie beim Laden, und wie rasch reagiert sie auf Klicks?
Was wir prüfen
Wir lassen die Startseite von Google PageSpeed Insights messen und werten drei Kennzahlen aus, die Google «Core Web Vitals» nennt:
| Kennzahl | Was sie misst | Gut | Wir melden |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Zeit, bis der Hauptinhalt sichtbar ist | bis 2.5 s | Warnung über 2.5 s, schwerer Mangel über 4 s |
| CLS (Cumulative Layout Shift) | wie stark Inhalte beim Laden springen | bis 0.1 | Hinweis über 0.1, Warnung über 0.25 |
| INP (Interaction to Next Paint) | Reaktionszeit nach einem Klick | bis 200 ms | Warnung über 500 ms |
Wenn genug Menschen die Website besuchen, verwenden wir Felddaten: echte Messwerte von Chrome-Nutzern, möglichst vom Smartphone. Sonst verwenden wir eine Labormessung, die ein Smartphone mit mittlerer Mobilfunkverbindung simuliert. Fehlt dort die Reaktionszeit, ziehen wir die Blockierzeit (TBT) heran und warnen ab 600 ms. Im Bericht steht bei jedem Wert, woher er stammt.
Warum das wichtig ist
Die meisten Besucherinnen und Besucher kommen vom Smartphone, oft unterwegs mit mittlerer Verbindung. Jede Sekunde Wartezeit kostet:
- Ladezeit (LCP): Wer nach drei Sekunden noch eine leere oder halbfertige Seite sieht, tippt oft auf «Zurück» und wählt das nächste Suchergebnis.
- Springende Inhalte (CLS): Man will auf «Kontakt» tippen, in dem Moment schiebt ein nachladendes Bild den Button weg, und man landet woanders. Das ärgert und wirkt unprofessionell.
- Reaktionszeit (INP): Reagiert ein Menü oder Button erst nach einer halben Sekunde, tippen Besucher mehrfach und glauben, die Seite sei kaputt.
Google verwendet diese Kennzahlen zudem als Signal für die Reihenfolge der Suchergebnisse.
So behebst Du es
Die häufigsten Ursachen und was dagegen hilft:
Langsamer Hauptinhalt (LCP)
- Zu grosse Bilder, vor allem das grosse Titelbild oben. Verkleinere es auf die tatsächlich angezeigte Grösse und speichere es als WebP. Mehr dazu im Artikel zu Bildern.
- Bild-Slider oben auf der Seite laden mehrere grosse Bilder auf einmal. Ein einzelnes, gutes Bild ist fast immer schneller und wirkungsvoller.
- Langsamer Server: Siehe TTFB (Time to First Byte).
- Blockierende Dateien im Kopf der Seite. Siehe den gleichnamigen Artikel.
Springende Inhalte (CLS)
- Gib bei allen Bildern Breite und Höhe an, damit der Browser den Platz freihält.
- Cookie-Banner, Hinweisleisten und Chat-Fenster sollten über dem Inhalt erscheinen, nicht ihn nach unten schieben.
- Webfonts mit
font-display: swapund ähnlich grosser Ersatzschrift springen weniger.
Träge Reaktion (INP)
- Entferne Plugins und eingebundene Dienste, die nicht gebraucht werden: Chat-Widgets, Slider, Animationsbibliotheken, mehrere Tracking-Tools.
- Page-Builder wie Elementor oder Divi laden viel JavaScript. Deren Leistungseinstellungen («Performance», «Experimente») helfen oft schon.
WordPress
Ein Cache-Plugin wie WP Rocket, LiteSpeed Cache oder W3 Total Cache, kombiniert mit einem Bild-Plugin wie ShortPixel oder Imagify, löst oft schon einen grossen Teil der Probleme.
So prüfst Du es selbst
Gib die Adresse der Website auf pagespeed.web.dev ein. Oben siehst Du die Felddaten echter Besucher (falls vorhanden), darunter die Labormessung mit konkreten Verbesserungsvorschlägen.
Häufige Fragen
Was ist der Unterschied zwischen Felddaten und Labormessung?
Felddaten stammen von echten Chrome-Nutzern, die die Website in den letzten 28 Tagen besucht haben. Die Labormessung ist ein einzelner, simulierter Seitenaufruf mit gedrosseltem Smartphone. Felddaten sind aussagekräftiger, gibt es aber nur bei genügend Besuchern.
Am Computer lädt die Seite schnell. Warum meldet der Check etwas anderes?
Ein Computer hat meist eine schnelle Leitung und die Seite oft schon im Zwischenspeicher. Gemessen wird ein Smartphone mit mittlerer Mobilfunkverbindung, so wie viele Besucher unterwegs sind.
Beeinflussen die Core Web Vitals das Google-Ranking?
Ja, als eines von vielen Signalen. Wichtiger ist der direkte Effekt: Jede Sekunde Wartezeit kostet Besucher, bevor sie das Angebot überhaupt sehen.
Jetzt eine Website prüfen
Wir prüfen «Ladezeit und Core Web Vitals» und alle anderen Punkte in wenigen Minuten, kostenlos und ohne Anmeldung.
Verwandte Themen
-
Bilder
Werden die Bilder auf der Startseite in modernen Formaten, passender Grösse und mit Lazy Loading geladen?
-
Blockierende Dateien
Wie viele Stylesheets und Skripte halten den Seitenaufbau auf, bevor Besucher etwas sehen?
-
TTFB (Time to First Byte)
Wie lange braucht der Server bis zum ersten Byte der Antwort auf einen Seitenaufruf?
-
Datenmenge der Startseite
Wie viele Daten und Anfragen lädt die Startseite beim ersten Aufruf auf dem Smartphone, und was bedeutet das für Ladezeit und CO₂?