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.
Erst messen
Abschnitt betitelt „Erst messen“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.
Core Web Vitals
Abschnitt betitelt „Core Web Vitals“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.
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
Abschnitt betitelt „Caching“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.
PHP-Version
Abschnitt betitelt „PHP-Version“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.
Datenbank
Abschnitt betitelt „Datenbank“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.
Plugins und Skripte
Abschnitt betitelt „Plugins und Skripte“- 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.
Schriften
Abschnitt betitelt „Schriften“- 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: swapzeigt der Browser sofort Text in einer Ersatzschrift:
@font-face { font-family: "Meine Schrift"; src: url("/schriften/meine-schrift.woff2") format("woff2"); font-display: swap;}Komprimierung
Abschnitt betitelt „Komprimierung“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).
Der Tarif
Abschnitt betitelt „Der Tarif“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.
Checkliste
Abschnitt betitelt „Checkliste“- Messwerte aufnehmen (PageSpeed, Netzwerk-Tab).
- Bilder verkleinern, WebP nutzen,
widthundheightsetzen. - Seiten-Cache und Browser-Cache einrichten.
- PHP-Version auf die aktuelle stellen.
- Plugins ausmisten, Datenbank bereinigen.
- Schriften reduzieren und selbst einbinden.
- Erneut messen und vergleichen.
Häufige Fragen
Abschnitt betitelt „Häufige Fragen“Wie schnell sollte meine Seite sein?
Abschnitt betitelt „Wie schnell sollte meine Seite sein?“Unter 2,5 Sekunden bis das Wichtigste sichtbar ist (LCP) gilt als gut.
Hilft ein größerer Tarif?
Abschnitt betitelt „Hilft ein größerer Tarif?“Nur, wenn CPU oder Arbeitsspeicher wirklich der Engpass sind. Oft sind es Bilder und Plugins.
Warum sind zwei Messungen unterschiedlich?
Abschnitt betitelt „Warum sind zwei Messungen unterschiedlich?“Messungen schwanken (Cache, Tageszeit, Teststandort). Miss mehrmals und vergleiche Durchschnittswerte.