Wie lange wartest du, bis eine Website geladen ist? Deine Besucher warten meist nicht lange. Eine langsame Seite kostet Anfragen und Verkäufe, und auch Google bewertet sie schlechter. In diesem Beitrag zeige ich dir, wie du die Ladezeit deiner WordPress-Seite misst und mit welchen Maßnahmen du sie spürbar verkürzt. Es wird etwas technisch, aber alles ist machbar.
Warum die Ladezeit zählt
Google berücksichtigt die Ladezeit bei der Bewertung, als einen Faktor unter vielen. Wichtiger ist oft, was sie bei deinen Besuchern auslöst.
Wer lange auf eine leere Seite schaut, geht wieder. Die Absprungrate steigt, und die Chance auf eine Anfrage oder einen Kauf sinkt. Wie stark das ins Gewicht fällt, hängt von der Branche ab. Aber schon eine Sekunde mehr merken Besucher.
Kurz zusammengefasst bringt dir eine schnelle Website:
- Bessere Chancen bei Google: Ladezeit und Core Web Vitals fließen ins Ranking ein.
- Weniger Absprünge: Besucher bleiben eher, wenn die Seite gleich da ist.
- Mehr Anfragen und Verkäufe: Wer nicht warten muss, kauft eher.
- Mehr Vertrauen: Eine flotte Seite wirkt professionell.
Zuerst messen: So prüfst du deine Ladezeit
Bevor du etwas änderst, musst du wissen, wo du stehst. Dafür gibt es gute kostenlose Werkzeuge.
Die wichtigsten Tools zur Messung
- Google PageSpeed Insights: Das Tool von Google bewertet deine Seite für Handy und Desktop auf einer Skala von 0 bis 100 und macht konkrete Verbesserungsvorschläge. Dort siehst du auch die Core Web Vitals (CWV), mehr dazu weiter unten.
- GTmetrix: Zeigt dir neben einer Note ein Wasserfalldiagramm. Darin siehst du, welches Element wie lange zum Laden braucht, und findest die größten Bremsen schnell.
- Pingdom Tools: Ähnlich wie GTmetrix, einfach und übersichtlich, mit Messpunkten an verschiedenen Standorten.
Mach mit diesen Tools ein paar Messungen und schau dir die Ergebnisse genau an. Achte besonders auf die Time to First Byte (TTFB). Dieser Wert sagt, wie lange dein Server braucht, bis das erste Byte ankommt. Ist dieser Wert hoch, liegt es oft am Webhosting. Damit fangen wir an.
Die sieben häufigsten Bremsen und was du dagegen tust
1. Billiges Hosting
Der Klassiker. Das Hosting-Paket um 5 Euro im Monat, und die Seite lahmt. Der Server ist die Grundlage für alles, und was darauf aufbaut, kann nicht schneller sein als er. Geteilte Server bei Massenhostern sind oft überlastet. Ein gutes Managed-WordPress-Hosting oder ein eigener vServer kostet ein paar Euro mehr im Monat und bringt für die Geschwindigkeit meist am meisten.
2. Zu große Bilder
Unoptimierte Bilder bremsen eine Seite mehr als fast alles andere. Ein 5 MB großes JPEG direkt aus der Kamera gehört nicht auf die Website. Jedes Bild wird komprimiert und im passenden Format ausgeliefert. WebP ist bei gleicher Qualität deutlich kleiner als JPEG. Plugins wie Smush, ShortPixel oder Imagify erledigen das automatisch. Verkleinere Bilder außerdem vor dem Hochladen auf die Größe, in der sie angezeigt werden. Ein Bild, das mit 300 × 300 Pixeln erscheint, muss nicht 4000 Pixel breit sein.
3. Fehlendes Caching
Bei jedem Aufruf führt WordPress PHP-Code aus und fragt die Datenbank ab, um die Seite zusammenzubauen. Das kostet Zeit. Ein Cache speichert die fertige HTML-Seite und liefert sie direkt aus. Bekannte Caching-Plugins für WordPress sind WP Rocket (kostenpflichtig), W3 Total Cache und WP Super Cache. Installier eines davon und richte es ein. Der Unterschied ist meist deutlich.
4. Zu viel CSS und JavaScript
Theme und Plugins bringen viele CSS- und JavaScript-Dateien mit. Beim Minifizieren entfernt ein Plugin unnötige Leerzeichen, Kommentare und Zeilenumbrüche aus dem Code, die Dateien werden kleiner. Das Zusammenfassen vieler Dateien zu einer war früher Standard. Mit HTTP/2 und HTTP/3 lädt der Browser viele Dateien gleichzeitig über eine Verbindung, deshalb bringt das Zusammenfassen heute meist nichts mehr und kann sogar schaden. Wichtiger ist, Code gar nicht erst zu laden, den eine Seite nicht braucht. Caching-Plugins wie WP Rocket bieten dafür eigene Einstellungen.
5. Zu viele Plugins
Jedes aktive Plugin kann die Seite bremsen. Manche laden ihre Skripte auf jeder Seite, auch dort, wo sie gar nicht gebraucht werden. Deaktivier und lösch alles, was du nicht wirklich brauchst. Such nach schlankeren Alternativen und prüf bei jedem neuen Plugin, wie es sich auf die Ladezeit auswirkt.
6. Eine volle Datenbank
Mit der Zeit sammelt sich in der WordPress-Datenbank einiges an: alte Revisionen, Spam-Kommentare, Transients und andere temporäre Daten. Das macht Abfragen langsamer. Plugins wie WP-Optimize oder Advanced Database Cleaner räumen regelmäßig auf und optimieren die Tabellen.
7. Kein Content Delivery Network (CDN)
Kommen deine Besucher aus vielen Ländern, lohnt sich ein CDN. Es speichert Kopien deiner statischen Dateien (Bilder, CSS, JavaScript) auf Servern in aller Welt. Jeder Besucher bekommt sie vom nächstgelegenen Server, das verkürzt die Wege. Cloudflare hat einen kostenlosen Einstiegstarif, der für viele Websites reicht.
Lazy Loading: Bilder erst laden, wenn man sie sieht
Eine lange Seite mit 50 Bildern muss nicht alle 50 sofort laden, auch nicht die ganz unten. Beim Lazy Loading lädt der Browser Bilder, Videos und iFrames erst, wenn sie in den sichtbaren Bereich kommen. Die Seite ist schneller benutzbar, weil sich der Browser zuerst um den sichtbaren Teil kümmert. Nimm aber das große Bild ganz oben davon aus, sonst verschlechtert sich der LCP-Wert. Seit WordPress 5.5 ist Lazy Loading für Bilder eingebaut. Prüf, ob dein Theme oder ein Plugin es blockiert. Für Videos und iFrames, etwa von YouTube, gibt es eigene Plugins wie „Lazy Load for Videos“.
Page Builder wie Divi und die Ladezeit
Mit Page Buildern wie dem Divi Builder oder Elementor baust du aufwendige Layouts ohne eine Zeile Code. Der Preis dafür ist oft zusätzliches CSS und JavaScript, das auf jeder Seite mitgeladen wird, auch wenn die Module gar nicht vorkommen. Mit Divi 5 hat Elegant Themes den Builder deutlich schlanker gemacht. Nutz trotzdem die eingebauten Performance-Einstellungen: Divi kann ungenutztes CSS weglassen („Dynamic CSS“) und JavaScript gezielter laden. Schalte das ein und miss danach nach. Ein schlankes, handgeschriebenes Theme ist manchmal schneller, aber richtig eingestellt kann auch Divi sehr flott sein.
Caching auf dem Server: Varnish und Redis
Caching-Plugins wie WP Rocket arbeiten innerhalb von WordPress. Eine Stufe weiter geht das Caching auf dem Server. Varnish ist ein sogenannter Reverse Proxy und sitzt vor WordPress. Er hält fertige Seiten im Arbeitsspeicher und liefert sie aus, ohne dass WordPress überhaupt angesprochen wird. Schneller geht es kaum, und der Server wird stark entlastet. Redis arbeitet an einer anderen Stelle: Als Objekt-Cache sitzt es hinter WordPress und speichert Ergebnisse von Datenbankabfragen, damit WordPress sie nicht jedes Mal neu holen muss. Beides selbst einzurichten, braucht einen vServer oder eigenen Server und technisches Wissen. Viele gute Managed-WordPress-Hoster haben Varnish oder Redis aber schon eingebaut. Wenn dir Geschwindigkeit wichtig ist, frag bei deinem Hoster danach.
Die Core Web Vitals
Seit 2021 gehören die Core Web Vitals (CWV) zu den Signalen, mit denen Google die Nutzererfahrung bewertet. Es sind drei Messwerte:
- Largest Contentful Paint (LCP): Wie lange es dauert, bis das größte sichtbare Element (meist ein Bild oder ein Textblock) geladen ist. Gut sind bis zu 2,5 Sekunden.
- Interaction to Next Paint (INP): Wie schnell die Seite sichtbar reagiert, wenn jemand klickt, tippt oder eine Taste drückt. INP hat im März 2024 den früheren Wert First Input Delay (FID) abgelöst. Gut sind bis zu 200 Millisekunden.
- Cumulative Layout Shift (CLS): Wie ruhig die Seite beim Laden bleibt. Springen Elemente hin und her, etwa durch nachladende Werbebanner oder Bilder ohne feste Größe, wird der Wert schlecht. Gut ist ein Wert bis 0,1.
Schnelles Hosting, optimierte Bilder und Caching verbessern diese Werte direkt. Den CLS-Wert vergessen viele. Gib allen Bildern und Videos im Code eine feste Breite und Höhe, dann reserviert der Browser den Platz, und nichts springt mehr.
Fazit: Schneller wird eine Seite Schritt für Schritt
Einen einzelnen Schalter, der alles schnell macht, gibt es nicht. Es ist die Summe vieler Anpassungen. Miss deine Seite, such die größten Bremsen und arbeite sie der Reihe nach ab. Das merken deine Besucher und Google.
Wenn du Hilfe bei der Optimierung brauchst oder einen Webdesign-Relaunch planst, der von Anfang an auf Geschwindigkeit ausgelegt ist, melde dich bei uns.
Weiterführende Links
Noch Fragen dazu? Wir beraten dich persönlich, telefonisch oder bei dir vor Ort. Unser Angebot dazu: Logo und Printdesign aus Salzburg.