Zum Inhalt springen

08Website-Wissen & Fehlercodes

Website schneller machen – Ladezeit und Core Web Vitals

So wird deine Website bei Nexthosting schneller – Bilder in WebP, Caching, aktuelle PHP-Version, aufgeräumte Datenbank, Lazy Loading, Schriften und CDN.

Kurz gesagt

Messe zuerst, dann optimiere die größten Bremsen: zu große Bilder, fehlendes Caching, veraltetes PHP, zu viele Plugins und Skripte. Mit komprimierten Bildern (WebP), einem Cache, aktueller PHP-Version und aufgeräumter Datenbank wird die meiste Seite spürbar schneller. Ein Tarif mit mehr Leistung hilft nur, wenn die Seite schon sauber ist.

Was du nicht misst, kannst du nicht verbessern. Nutze:

  • PageSpeed Insights (Google): Messwerte und konkrete Hinweise.
  • Entwicklerwerkzeuge im Browser (F12), Reiter Netzwerk: Zeigt, was wie groß ist und wie lange es dauert.
  • WebPageTest oder ähnliche Dienste für Tests von verschiedenen Orten.

Miss die Startseite und eine Unterseite, mehrfach, und vergleiche vor und nach jeder Änderung.

Google bewertet drei Werte besonders:

Wert Bedeutung Gut ist Typische Bremse
LCP (Largest Contentful Paint) Wann ist das größte sichtbare Element da? unter 2,5 s großes Titelbild, langsamer Server, blockierende Skripte
INP (Interaction to Next Paint) Wie schnell reagiert die Seite auf Klicks? unter 200 ms schwere Skripte, viele Plugins
CLS (Cumulative Layout Shift) Springt der Inhalt beim Laden? unter 0,1 Bilder ohne Größenangabe, nachladende Schriften und Werbung

Dazu kommt TTFB (Time to First Byte): Wie lange dauert es, bis der Server die erste Antwort liefert? Sie hängt von Server, Cache und PHP ab.

Was bremst deine Seite?
Die erste Antwort dauert lange (TTFB über 600 ms)Seiten-Cache, PHP-Version, Datenbank
Viele Plugins und SkripteAusmisten und Laden verzögern
Besucher aus dem AuslandCDN erwägen

Bilder sind meist der größte Teil einer Seite.

  • Richtige Größe: Ein Bild, das 800 Pixel breit angezeigt wird, braucht keine 4000 Pixel Breite.
  • Moderne Formate: WebP und AVIF sind deutlich kleiner als JPEG und PNG bei gleicher Qualität. WebP wird von allen aktuellen Browsern unterstützt.
  • Komprimieren: Auf 70 bis 85 % Qualität reduzieren, das sieht man kaum.
  • Lazy Loading: Bilder unter dem sichtbaren Bereich werden erst geladen, wenn man hinscrollt.
<img src="foto.webp" width="800" height="450" alt="Beschreibung" loading="lazy">

Das Titelbild oben auf der Seite nicht lazy laden, sonst wird der LCP schlechter. Gib immer width und height an, damit nichts springt (CLS).

Bei WordPress übernehmen Plugins die Umwandlung und Auslieferung von WebP automatisch. Prüfe in der Bibliothek, welche Plugins zu deinem Theme passen.

Caching spart Rechenarbeit: Statt jede Seite für jeden Besucher neu aufzubauen, wird sie einmal gebaut und mehrfach ausgeliefert. Es gibt mehrere Ebenen (Cache verstehen):

Ebene Wirkung Wie
Browser-Cache Statische Dateien werden nicht erneut geladen Header in .htaccess (Beispiel)
Seiten-Cache Fertiges HTML wird ausgeliefert Cache-Plugin oder Serverfunktion
Objekt-Cache (Redis) Datenbankabfragen werden gemerkt WordPress Hosting enthält Redis in jedem Tarif, Webspace ab Pro
CDN Dateien kommen von einem Server in der Nähe Siehe unten

Bei WordPress Hosting von Nexthosting ist ein Redis-Objektcache in jedem Tarif enthalten. Aktiviere ihn mit dem passenden Plugin gemäß den Angaben im Webpanel.

Neue PHP-Versionen sind deutlich schneller als alte. Nexthosting bietet PHP 8.2 bis 8.5 an, Standard ist 8.4. Stelle die Version im Webpanel um (PHP-Einstellungen) und teste danach die Seite. Ältere Plugins brauchen manchmal Updates.

Gerade WordPress sammelt Ballast:

  • Beitragsrevisionen, Entwürfe und Papierkorb
  • abgelaufene „Transients“
  • Spam-Kommentare
  • Reste deinstallierter Plugins (Tabellen und Einträge in wp_options)

Räume regelmäßig auf, aber mit Backup. Begrenze Revisionen in wp-config.php:

define( 'WP_POST_REVISIONS', 5 );

Mehr zu Datenbanken: Datenbanken und phpMyAdmin.

  • Entferne Plugins, die du nicht brauchst. Jedes Plugin lädt Dateien und Abfragen.
  • Meide Plugins, die dieselbe Aufgabe doppelt erledigen.
  • Lade Skripte verzögert (defer) oder nur auf den Seiten, wo sie gebraucht werden.
  • Ersetze schwere Seitenbaukasten-Elemente durch einfache.
  • Prüfe externe Dienste (Chat, Tracking, Einbettungen): Jeder zusätzliche Anbieter kostet Ladezeit und braucht eine Einwilligung.
  • Nutze wenige Schriftarten und Schnitte (z. B. 2 statt 6).
  • Binde Schriften selbst ein (vom eigenen Server), statt sie von einem fremden Anbieter zu laden. Das spart Verbindungen und ist datenschutzfreundlicher.
  • Verwende das Format WOFF2.
  • Mit font-display: swap zeigt der Browser sofort Text in einer Ersatzschrift:
@font-face {
font-family: "Meine Schrift";
src: url("/schriften/meine-schrift.woff2") format("woff2");
font-display: swap;
}

Komprimierte Übertragung (GZIP, teils Brotli) verkleinert Text-Dateien um bis zu 70 %. Meist ist sie serverseitig bereits aktiv. Prüfen und gegebenenfalls aktivieren: .htaccess-Grundlagen.

Ein CDN (Content Delivery Network) liefert statische Dateien von Servern in der Nähe des Besuchers. Es lohnt sich bei internationalem Publikum und großen Dateien. Bei überwiegend deutschen Besuchern bringt es wenig. Beachte: Ein CDN ist ein weiterer Dienstleister mit Datenschutzfragen, und bei Problemen siehst du eventuell Cloudflare-Fehlercodes (HTTP-Statuscodes).

Wenn die Seite sauber optimiert ist und trotzdem langsam bleibt, fehlen Ressourcen. Nexthosting-Tarife unterscheiden sich in vCPU und Arbeitsspeicher; die Tarife stehen auf der Seite Webspace und WordPress Hosting. Für Shops mit WooCommerce wird mindestens der Tarif Pro empfohlen. Wechseln kannst du per Kontaktformular oder Ticket.

  1. Messwerte aufnehmen (PageSpeed, Netzwerk-Tab).
  2. Bilder verkleinern, WebP nutzen, width und height setzen.
  3. Seiten-Cache und Browser-Cache einrichten.
  4. PHP-Version auf die aktuelle stellen.
  5. Plugins ausmisten, Datenbank bereinigen.
  6. Schriften reduzieren und selbst einbinden.
  7. Erneut messen und vergleichen.

Unter 2,5 Sekunden bis das Wichtigste sichtbar ist (LCP) gilt als gut.

Nur, wenn CPU oder Arbeitsspeicher wirklich der Engpass sind. Oft sind es Bilder und Plugins.

Messungen schwanken (Cache, Tageszeit, Teststandort). Miss mehrmals und vergleiche Durchschnittswerte.