Website schneller machen: Core Web Vitals verbessern

Website schneller machen: Core Web Vitals (LCP, INP, CLS), Ladezeit messen, Bilder optimieren, Caching, CDN, Server-Antwortzeit und Tipps für WordPress.

Nodesty-Team5 Min. LesezeitHosting

Veröffentlicht am 14. Oktober 2026

Der Schriftzug Site Speed mit LCP, INP und CLS auf dunklem Nodesty-Hintergrund

Eine Website schneller zu machen umfasst alle Maßnahmen, mit denen Ihre Seiten schneller laden, schneller auf Klicks der Besucher reagieren und beim Laden nicht verrutschen. Eine schnelle Website hält mehr Besucher, bringt mehr Umsatz und schneidet bei den Signalen für die Seitenerfahrung von Google besser ab. Die gute Nachricht: Der größte Teil des Gewinns stammt aus wenigen grundlegenden Schritten.

In dieser Anleitung erklären wir die Kennzahlen der Core Web Vitals, wie Sie die Geschwindigkeit Ihrer Website messen, und die wirksamsten Methoden zur Beschleunigung, von Bildern über Caching und CDN bis zur Antwortzeit des Servers.

Was sind die Core Web Vitals?

Google bewertet die Nutzererfahrung einer Seite anhand von drei Kennzahlen:

Kennzahl	Was sie misst	Guter Wert
LCP (Largest Contentful Paint)	Wann das größte Element der Seite sichtbar wird	2,5 s oder weniger
INP (Interaction to Next Paint)	Wie schnell auf Klicks und Berührungen reagiert wird	200 ms oder weniger
CLS (Cumulative Layout Shift)	Wie stark Inhalte beim Laden der Seite verrutschen	0,1 oder weniger

Zusätzlich ist die TTFB (Time to First Byte), also die Zeit, bis der Server das erste Byte sendet, der Ausgangspunkt aller Kennzahlen. Antwortet der Server langsam, können andere Optimierungen das nicht ausgleichen.

Wie misst man die Geschwindigkeit einer Website?

PageSpeed Insights: Das kostenlose Tool von Google. Oben zeigt es Daten, die bei echten Nutzern gesammelt wurden, darunter den Labortest und konkrete Empfehlungen.
Google Search Console: Der Bericht Core Web Vitals zeigt, welche Seitengruppen Ihrer Website gut sind, verbessert werden müssen oder schlecht abschneiden.
Entwicklertools des Browsers: Die Tabs Lighthouse und Network, die Sie in Chrome mit F12 öffnen, zeigen detailliert, wie lange welche Datei zum Laden braucht.

Verlassen Sie sich nicht auf eine einzelne Messung; Laborergebnisse schwanken bei jeder Messung ein wenig. Führen Sie vor und nach einer Änderung mehrere Messungen durch und vergleichen Sie sie.

Bilder optimieren

Auf den meisten Websites machen Bilder den größten Teil der Seitengröße aus, und hier erzielen Sie am schnellsten Verbesserungen:

Moderne Formate verwenden. WebP und AVIF erzeugen bei gleicher Qualität deutlich kleinere Dateien als JPEG und PNG.
In der richtigen Größe ausliefern. Laden Sie für ein Bild, das 400 Pixel breit angezeigt wird, kein Foto mit 4000 Pixeln hoch. Liefern Sie mit srcset passende Größen für unterschiedliche Bildschirme aus.
Breite und Höhe angeben. Mit width und height im <img>-Tag wird beim Laden des Bildes Platz reserviert, was den CLS senkt.
Bilder außerhalb des sichtbaren Bereichs später laden. Ergänzen Sie Bilder weiter unten auf der Seite um loading="lazy". Das Hauptbild ganz oben auf der Seite (meist das LCP-Element) laden Sie dagegen nicht verzögert; mit fetchpriority="high" verbessern Sie den LCP.

Caching nutzen

Caching bedeutet, dieselbe Arbeit nicht bei jedem Besuch erneut zu erledigen:

Seiten-Cache: Bei dynamischen Websites wie WordPress wird jede Seite bei jedem Besuch mit PHP und Datenbank neu erzeugt. Der Seiten-Cache speichert das fertige HTML und liefert es direkt aus; das ist der Schritt, der die TTFB am stärksten senkt. Bei Hosting mit dem Webserver LiteSpeed übernimmt das Plugin LiteSpeed Cache diese Aufgabe auf Serverebene.
Browser-Cache: Lange gültige Cache-Control-Header für CSS-, JavaScript-, Bild- und Schriftdateien sorgen dafür, dass Besucher diese Dateien auf der nächsten Seite nicht erneut herunterladen.
Objekt-Cache: Ein Cache wie Redis hält die Ergebnisse häufig wiederholter Datenbankabfragen im Arbeitsspeicher. Bei Websites mit viel Traffic und vielen angemeldeten Nutzern macht das einen spürbaren Unterschied.

JavaScript, CSS und Schriftarten verschlanken

Unnötiges JavaScript entfernen. Ungenutzte Plugins, Slider und Chatfenster führen dazu, dass die Seite verzögert auf Interaktionen reagiert, und verschlechtern den INP.
Skripte von Drittanbietern begrenzen. Analyse-, Werbe- und Social-Media-Skripte werden von Servern geladen, die Sie nicht kontrollieren. Behalten Sie nur die, die Sie wirklich nutzen, und laden Sie sie nach Möglichkeit mit defer oder async.
CSS und JavaScript minifizieren. Das Minifizieren entfernt Leerzeichen und Kommentare und verringert die Dateigröße.
Weniger Schriftarten verwenden. Jeder Schriftschnitt ist eine eigene Datei. Beschränken Sie sich auf zwei oder drei Schnitte, nutzen Sie das Format WOFF2 und sorgen Sie mit font-display: swap dafür, dass Text sichtbar ist, bevor die Schriftart geladen wurde.

Ein CDN nutzen

Ein CDN liefert Kopien Ihrer statischen Dateien von Servern in der Nähe der Besucher aus. Bei Websites mit Besuchern aus verschiedenen Ländern verringert das die Latenz deutlich und entlastet Ihren Hauptserver. Wie ein CDN funktioniert und wie Sie es mit Cloudflare einrichten, erklären wir im Artikel Was ist ein CDN?

Die Serverseite stärken

Grundlage aller Optimierungen ist, wie schnell der Server antwortet:

Aktuelle PHP-Version verwenden. Neue PHP-Versionen sind deutlich schneller als ältere. Wählen Sie im Control Panel die neueste Version, die Ihre Website unterstützt.
Schneller Speicher und Webserver: NVMe-Speicher beantwortet Datenbankabfragen schneller, Webserver wie LiteSpeed und Nginx bewältigen gleichzeitige Anfragen schneller.
HTTP/2 und HTTP/3: Damit werden viele Dateien parallel über eine einzige Verbindung geladen. Dafür muss Ihre Website über HTTPS laufen; lesen Sie dazu unseren Artikel Was ist ein SSL-Zertifikat?
Die Datenbank sauber halten. In WordPress blähen alte Beitragsrevisionen, Spam-Kommentare und abgelaufene temporäre Daten die Datenbank auf.
Einen Standort nahe bei den Besuchern wählen. Ist der Server weit von Ihren Besuchern entfernt, kommt bei jeder Anfrage Latenz hinzu; den Einfluss der Entfernung erklären wir im Artikel Was ist Ping?

Kurze Checkliste für WordPress

Wählen Sie eine aktuelle PHP-Version.
Installieren Sie ein Plugin für den Seiten-Cache.
Verwenden Sie ein Plugin, das Bilder in WebP umwandelt und skaliert.
Löschen Sie Plugins und Themes, die Sie nicht nutzen.
Wählen Sie ein schlankes Theme; die meisten Page Builder laden zusätzliches CSS und JavaScript.
Bereinigen Sie die Datenbank regelmäßig.

Installation und erste Einstellungen von WordPress erklären wir in unserer Anleitung WordPress installieren.

Eine schnelle Grundlage mit Nodesty

Die Nodesty-Webhosting-Pakete laufen auf Servern mit LiteSpeed-Webserver, NVMe-Speicher und AMD Ryzen 9 7900 Prozessoren; mit kostenlosem SSL liefern Sie Ihre Website über HTTP/2 aus und wählen Ihre PHP-Version im Control Panel. Für Anwendungen, die mehr Kontrolle brauchen, sorgen unsere AMD Ryzen 9 9950X vServer-Pakete mit hoher Single-Core-Leistung für eine niedrige Antwortzeit des Servers.

Häufig gestellte Fragen

Beeinflusst die Ladezeit das Google-Ranking?

Ja. Google nutzt die Core Web Vitals als eines der Signale für die Seitenerfahrung. Geschwindigkeit allein bringt kein gutes Ranking; der Inhalt steht immer an erster Stelle. Bei ähnlichen Inhalten haben schnelle und gut bedienbare Seiten jedoch einen Vorteil, während langsame Seiten Besucher kosten.

Warum ist mein PageSpeed-Insights-Wert bei jeder Messung anders?

Labortests schwanken je nach Netzwerkbedingungen, aktueller Auslastung des Servers und Inhalten von Drittanbietern wie Werbung. Verlassen Sie sich nicht auf eine einzelne Messung, sondern betrachten Sie den Durchschnitt mehrerer Messungen und vor allem die Daten echter Nutzer (Chrome User Experience Report), die oben auf der Seite angezeigt werden.

Warum ist mein mobiler Wert so viel niedriger als der für Desktop?

Der mobile Test von PageSpeed Insights simuliert ein langsames Netzwerk und ein Smartphone der Mittelklasse. Große Bilder, schweres JavaScript und viele Schriftarten bremsen auf Mobilgeräten deutlich stärker. Am wirksamsten verbessern Sie den mobilen Wert, indem Sie Bilder verkleinern und unnötiges JavaScript entfernen.

Macht günstiges Hosting meine Website langsam?

Die Antwortzeit des Servers (TTFB) ist der Ausgangspunkt jedes Seitenaufrufs. Überfüllte Server, langsame Festplatten und alte PHP-Versionen verlängern diese Zeit und begrenzen die Wirkung aller anderen Optimierungen. Ein Hosting mit NVMe-Speicher, aktuellem PHP und einem schnellen Webserver wie LiteSpeed bildet eine solide Grundlage.

Nach der Installation eines Cache-Plugins ist meine Website kaputt. Was tun?

Leeren Sie zuerst den Cache. Besteht das Problem weiter, deaktivieren Sie die Optionen zum Zusammenfassen und Minifizieren von CSS und JavaScript einzeln, um herauszufinden, welche das Problem verursacht. Der Seiten-Cache ist meist unproblematisch; die meisten Probleme entstehen durch aggressive JavaScript-Optimierungen.

Soll ich für Bilder WebP oder AVIF verwenden?

Beide erzeugen deutlich kleinere Dateien als JPEG und PNG und werden von allen aktuellen Browsern unterstützt. AVIF ist meist kleiner, wird aber langsamer kodiert. In der Praxis ist WebP ein sicherer und schneller Standard; Plugins zur Bildoptimierung können beide Formate automatisch erzeugen.

Über den Autor

Nodesty-Team · Infrastruktur und Support

Das Nodesty-Team betreibt unsere Server, unser Netzwerk und unseren DDoS-Schutz im Alltag und beantwortet Support-Anfragen rund um die Uhr. Diese Ratgeber entstehen aus dieser Arbeit.