Webdesign

Core Web Vitals verbessern: Die Anleitung für schnellere WordPress-Websites

von Marc
Webdesigner & Web Developer
Veröffentlicht: 4 Min. Lesezeit

Die Core Web Vitals verbessern Sie, indem Sie das größte sichtbare Element schneller laden (LCP), JavaScript reduzieren, damit die Seite schneller auf Eingaben reagiert (INP), und Platz für Bilder und Banner reservieren, damit nichts verspringt (CLS). In WordPress bringen ein schlankes Theme, wenige Plugins, optimierte Bilder und Caching am meisten. Entscheidend sind die Werte echter Nutzer, nicht der Punktwert eines einzelnen Tests.

  • Gute Werte: LCP höchstens 2,5 Sekunden, INP höchstens 200 Millisekunden, CLS höchstens 0,1.
  • Gemessen wird am 75. Perzentil echter Seitenaufrufe, getrennt nach Mobil und Desktop.
  • Die größten Hebel in WordPress: Theme, Plugins, Bilder, Caching und externe Skripte.
  • Das Hero-Bild nie verzögert laden – das verschlechtert den LCP.

Was die Core Web Vitals messen

Google beschreibt mit den Core Web Vitals, wie schnell und angenehm sich eine Seite für Besucher anfühlt. Grundlage sind Daten echter Chrome-Nutzer. Eine Seite erfüllt die Empfehlung, wenn mindestens 75 % der Seitenaufrufe im grünen Bereich liegen.

MesswertWas er misstGutSchlecht
LCP – Largest Contentful PaintLadezeit des größten sichtbaren Elementsbis 2,5 süber 4 s
INP – Interaction to Next PaintReaktion auf Klicks und Eingabenbis 200 msüber 500 ms
CLS – Cumulative Layout ShiftVerschieben von Inhalten beim Ladenbis 0,1über 0,25

Richtig messen

  • Search Console: Der Bericht „Core Web Vitals“ zeigt, welche Gruppen von Seiten gut, verbesserungswürdig oder schlecht sind.
  • PageSpeed Insights: zeigt für eine einzelne URL Felddaten echter Nutzer und eine Labormessung mit konkreten Hinweisen.
  • Browser-Entwicklertools: Der Performance-Bereich in Chrome hilft bei der Fehlersuche, etwa bei langsamen Skripten.

Der Punktwert von 0 bis 100 in PageSpeed Insights schwankt von Messung zu Messung. Orientieren Sie sich an den Felddaten.

LCP verbessern: das Wichtigste schneller laden

Das größte Element ist meist ein Hero-Bild, ein großes Foto oder eine Überschrift. Typische Bremsen und Lösungen:

  • Zu große Bilder: in passender Größe hochladen und moderne Formate wie WebP nutzen.
  • Verzögertes Laden des Hero-Bilds: Das Bild im sichtbaren Bereich nicht per Lazy Loading laden, sondern früh und mit hoher Priorität.
  • Langsamer Server: gutes Hosting und Seiten-Caching verkürzen die Antwortzeit.
  • Externe Schriften: Schriftarten lokal einbinden und nur die benötigten Schnitte laden.
  • Render-blockierendes CSS und JavaScript: nicht benötigte Stylesheets und Skripte entfernen oder später laden.

INP verbessern: schneller reagieren

INP misst, wie lange es dauert, bis die Seite nach einem Klick oder einer Eingabe sichtbar reagiert. Hauptursache für schlechte Werte ist zu viel JavaScript.

  • Plugins entfernen, die Sie nicht wirklich brauchen – jedes kann eigene Skripte laden.
  • Page-Builder mit vielen Erweiterungen kritisch prüfen.
  • Tracking-, Chat- und Werbe-Skripte auf das Nötige reduzieren und später laden.
  • Schwere Slider und Animationen durch schlankere Lösungen ersetzen.

CLS verbessern: nichts verspringen lassen

  • Für alle Bilder und Videos Breite und Höhe angeben, damit der Browser Platz reserviert.
  • Platz für Cookie-Banner, Werbeflächen und eingebettete Inhalte freihalten.
  • Schriften so laden, dass Texte beim Schriftwechsel nicht springen.
  • Keine Inhalte nachträglich oberhalb bereits sichtbarer Inhalte einfügen.

Prioritätenliste für WordPress

PrioritätMaßnahmeWirkt vor allem auf
1Schlankes Theme statt überladener Multifunktions-ThemesLCP, INP
2Plugins aufräumenINP, LCP
3Bilder komprimieren, WebP, korrekte GrößenLCP
4Seiten-Caching über Hosting oder PluginLCP
5Schriften lokal, Bildmaße angebenCLS, LCP
6Externe Skripte reduzierenINP

So gehen Sie Schritt für Schritt vor

  1. Ausgangslage festhalten: Werte aus Search Console und PageSpeed Insights für Startseite, eine Leistungsseite und einen Beitrag notieren.
  2. Größte Bremse finden: In den Hinweisen von PageSpeed Insights steht meist, welches Element den LCP bestimmt und welche Skripte blockieren.
  3. Eine Änderung nach der anderen: Plugins nicht alle auf einmal entfernen, sondern einzeln testen, ob Funktionen erhalten bleiben.
  4. Auf einer Testumgebung arbeiten: Größere Eingriffe wie ein Theme-Wechsel gehören nicht direkt auf die Live-Website.
  5. Erneut messen: Nach jeder Änderung die Labordaten prüfen, nach einigen Wochen die Felddaten.

Warum sich der Aufwand lohnt

Die Core Web Vitals gehören zu den Signalen, mit denen Google die Nutzererfahrung bewertet. Hilfreiche Inhalte bleiben wichtiger als perfekte Messwerte – aber eine langsame Seite kostet Besucher, bevor sie den Inhalt überhaupt sehen. Besonders auf dem Smartphone und im Mobilfunknetz wirkt jede Sekunde. Wer ohnehin einen Relaunch plant, sollte Ladezeit-Ziele gleich ins Konzept aufnehmen.

Fazit

Die meisten WordPress-Websites werden nicht durch einen einzelnen Fehler langsam, sondern durch die Summe aus schwerem Theme, vielen Plugins, großen Bildern und externen Skripten. Wer diese Punkte nacheinander angeht und die Felddaten in der Search Console beobachtet, erreicht meist gute Werte. Weitere Grundlagen finden Sie in der WordPress SEO Checkliste. Bei Neubauten optimieren wir die Core Web Vitals im Paket „Performance“ unserer Webdesign-Angebote.

Häufige Fragen

Brauche ich einen PageSpeed-Score von 100?

Nein. Wichtig ist, dass die Core Web Vitals für echte Nutzer im grünen Bereich liegen.

Welches Caching-Plugin ist das beste?

Das hängt vom Hosting ab. Viele Hoster bringen eigenes Caching mit; dann ist ein zusätzliches Plugin oft unnötig oder sogar störend.

Warum sind meine Mobilwerte schlechter?

Smartphones haben weniger Rechenleistung und oft langsamere Verbindungen. Gerade JavaScript wirkt sich dort stärker aus.

Wie schnell sehe ich Verbesserungen in der Search Console?

Die Felddaten beziehen sich auf die letzten 28 Tage. Verbesserungen werden deshalb erst nach einigen Wochen vollständig sichtbar.

Quellen