Beschleunigung und Optimierung einer WordPress-Website
WordPress ist eines der beliebtesten und vielseitigsten Content-Management-Systeme (CMS) überhaupt. In der Standardkonfiguration ist es jedoch nicht immer das schnellste, besonders wenn deine Website viel Traffic erhält, große Mengen an Medien enthält oder ein funktionsreiches Theme verwendet. Seit 2010 berücksichtigt Google die Seitengeschwindigkeit in seinen Suchrankings, was bedeutet, dass eine langsame Website sowohl die Nutzererfahrung als auch die Sichtbarkeit in den Suchergebnissen beeinträchtigen kann.
Die gute Nachricht? WordPress ist flexibel genug, um auf viele Arten optimiert zu werden, sodass du die Ladezeiten spürbar verkürzen kannst. Um deinen Fortschritt zu messen, kannst du nach jeder Änderung Geschwindigkeitstests mit Online-Tools wie diesen durchführen:
Google PageSpeed Insights – Ideal für Einsteiger, mit leicht verständlichen Optimierungsvorschlägen.
GTmetrix – Bietet sowohl Performance-Scores als auch umsetzbare Tipps.
Pingdom – Bietet detaillierte Ladezeit-Analysen, erfordert aber etwas mehr technisches Know-how.
Diese Tools zeigen dir, welche Teile deiner Website die Ladezeiten verlangsamen, sodass du leichter erkennst, was zuerst behoben werden sollte.
Im Folgenden zeigen wir dir praktische Schritte, mit denen du deine WordPress-Website schneller machen kannst – Tipps, die sich schon beim Erstellen einer Website lohnen.
HINWEIS: Erstelle unbedingt ein Backup deiner Website, bevor du Änderungen vornimmst.
Tipps zur Beschleunigung einer Website
Das richtige Theme auswählen
Dein WordPress-Theme ist nicht nur für das Aussehen verantwortlich – es hat direkten Einfluss darauf, wie schnell deine Website lädt. Wenn du planst, einen Blog mit hohem Traffic oder eine inhaltsreiche Seite zu betreiben, lohnt sich die Zeit für Recherche und Tests. Ein gut optimiertes, schlankes Theme kann sowohl die Nutzererfahrung als auch das Suchmaschinenranking deutlich verbessern.
Die goldene Regel bei der Theme-Auswahl ist, das Design an deine Inhalte anzupassen. Entscheide zuerst, worauf sich deine Website konzentrieren soll und welche Art von Inhalten du veröffentlichen möchtest. Erst dann solltest du ein Theme wählen, das diese Ziele unterstützt.
Die meisten WordPress-Themes bieten umfangreiche Anpassungsmöglichkeiten, aber schlecht programmierte Optionen können später zu Problemen führen, besonders wenn du das Theme wechseln möchtest. Manche optisch ansprechenden Designs sehen auf den ersten Blick gut aus, sind aber mit unnötigen Funktionen überladen, die deine Website stark verlangsamen.
Hier sind einige Tipps, die dir helfen, ein Theme auszuwählen, das sowohl stilvoll als auch schnell ist:
Halte es einfach – Vermeide zu komplexe Layouts und aufwendige Animationen.
Setze auf Responsivität – Wähle ein Theme, das sich nahtlos an Mobilgeräte, Tablets und Desktop-Bildschirme anpasst.
Prüfe Plugin-Kompatibilität – Stelle sicher, dass es gut mit wichtigen, gut bewerteten Plugins und deiner aktuellen WordPress-Version funktioniert.
Page Builder bewerten – Themes mit integrierten Page Buildern können praktisch sein, aber auch zusätzlichen Ballast mitbringen. Teste die Leistung, bevor du dich entscheidest.
Achte auf SEO-freundlichen Code – Eine saubere, semantische Code-Struktur hilft Suchmaschinen, deine Website besser zu verstehen.
Die meisten Theme-Entwickler bieten Live-Demos ihrer Produkte an. Nutze dies, indem du die Demo-Seite vor dem Kauf mit Geschwindigkeitstools testest. So bekommst du einen realistischen Eindruck davon, wie das Theme unter echten Bedingungen performt.
Bilder optimieren
Große, unkomprimierte Bilder sind einer der häufigsten Gründe für langsam ladende Seiten. Es gibt zahlreiche Tools, sowohl Plugins als auch Online-Dienste, die Dateigrößen verkleinern können, ohne die Qualität merklich zu beeinträchtigen.
Wenn du einen automatisierten Ansatz bevorzugst, können Plugins wie EWWW Image Optimizer und andere die Komprimierung direkt in WordPress übernehmen. EWWW Image Optimizer bietet eigene Funktionen sowie flexible Einstellungen und Massenoptimierung.
Hinweis: Das Plugin benötigt die exec() Funktion, um zu funktionieren.
Nach der Installation und Aktivierung kannst du zu Medien > Bulk Optimize gehen und:
Klicke auf Nach nicht optimierten Bildern suchen, um alle Bilder zu finden, die komprimiert werden können:
Nach dem Scan klicke auf Optimierung starten, um deren Größe in einem Schritt zu reduzieren:
Du kannst das Plugin auch so einstellen, dass es geplante Optimierungen über das Menü „Erweiterte Einstellungen“ ausführt.
Beachte dabei:
Die Massenoptimierung kann vorübergehend viele Serverressourcen beanspruchen und eventuell CPU-Limits erreichen.
Höhere Komprimierungsstufen bedeuten kleinere Dateigrößen, aber zu starke Komprimierung kann zu sichtbarem Qualitätsverlust führen, besonders bei bildlastigen Websites.
Plugins sind zwar schnell und bequem, liefern aber nicht immer die besten Komprimierungsraten. Für maximale Ergebnisse kannst du Bilder vor dem Hochladen manuell mit Online-Tools wie diesen bearbeiten:
TinyPNG – Hervorragend für PNG- und JPEG-Komprimierung.
Compressor.io – Funktioniert mit mehreren Formaten und bietet starke Optimierung.
Ja, manuelle Komprimierung kostet zusätzliche Zeit, liefert aber oft schärfere, leichtere Bilder und bietet deinen Besuchern ein besseres Erlebnis, ohne an Qualität einzubüßen.
Caching-Plugins
Caching-Plugins sind eine der effektivsten Methoden, um eine WordPress-Website zu beschleunigen. Durch das Speichern und Ausliefern vorab generierter Versionen deiner Seiten verringern sie die Arbeitslast deines Servers pro Besucher und verbessern die Ladezeiten erheblich.
Zu den beliebtesten und zuverlässigsten Optionen gehören:
Browser-Caching
Browser-Caching weist die Browser deiner Besucher an, bestimmte Website-Dateien wie Bilder, Stylesheets und Skripte für einen festgelegten Zeitraum lokal zu speichern. Wenn sie deine Seite erneut besuchen, kann der Browser diese Dateien direkt vom eigenen Gerät laden, anstatt sie erneut herunterzuladen. Das reduziert die Serverlast, beschleunigt wiederholte Besuche und verbessert das gesamte Surferlebnis.
Du kannst Browser-Caching auf verschiedene Arten einrichten:
1. Mit W3 Total Cache
Wenn du bereits W3 Total Cache verwendest, ist das Aktivieren des Browser-Cachings ganz einfach:
Gehe in deinem WordPress-Dashboard zu Performance > Browser Cache.
Aktiviere Optionen wie:
Setze Last-Modified-Header.
Setze Expires-Header.
Aktiviere HTTP-(gzip)-Komprimierung.
Speichere deine Einstellungen:
W3TC fügt dann automatisch die notwendigen Regeln zu deiner .htaccess-Datei hinzu.
2. Regeln manuell hinzufügen
Wenn du kein Plugin verwenden möchtest, kannst du das Browser-Caching auch direkt durch Bearbeiten deiner .htaccess-Datei aktivieren (für Apache-Server). Mit folgendem Code legst du „Ablaufzeiten“ für verschiedene Dateitypen fest:
ExpiresActive on
ExpiresByType image/jpg "access plus 60 days"
ExpiresByType image/png "access plus 60 days"
ExpiresByType image/gif "access plus 60 days"
ExpiresByType image/jpeg "access plus 60 days"
ExpiresByType text/css "access plus 2 weeks"
ExpiresByType image/x-icon "access plus 2 weeks"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType audio/x-wav "access plus 1 month"
ExpiresByType audio/mpeg "access plus 1 month"
ExpiresByType video/mpeg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/quicktime "access plus 1 month"
ExpiresByType video/x-ms-wmv "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType text/javascript "access plus 2 weeks"
ExpiresByType application/x-javascript "access plus 2 weeks"
ExpiresByType application/javascript "access plus 2 weeks"
Du kannst die Zeitwerte anpassen, je nachdem, wie oft du deine Dateien aktualisierst.
Tipps zur Website-Optimierung
Startseiten-Optimierung
Deine Startseite ist das Erste, was Besucher sehen, und oft die umfangreichste Seite deiner Website. Eine gut optimierte Startseite sorgt nicht nur für einen guten ersten Eindruck, sondern lädt auch schneller und hält Besucher auf deiner Seite.
Ein entscheidender Faktor für die Geschwindigkeit der Startseite ist die Anzahl der HTTP-Anfragen, die deine Website stellt. Jedes Bild, Skript, jeder Stil oder jedes Widget auf der Seite erfordert eine separate Anfrage an den Server. Je weniger Anfragen nötig sind, desto schneller wird deine Seite angezeigt.
Tools zur Reduzierung von Anfragen und zur Beschleunigung der Ladezeiten
WP Asset Clean Up
Dieses Plugin scannt deine Seiten und erkennt unnötige Skripte und Styles, damit sie dort nicht geladen werden, wo sie nicht gebraucht werden. Es kann auch den HTML-Code minimieren, um die Seiten schlanker und leichter zu machen.JavaScript to Footer
Verschiebt JavaScript-Dateien vom Header in den Footer, damit sie das Laden der sichtbaren Seitenbereiche nicht verzögern. So werden die sichtbaren Teile deiner Seite zuerst geladen, was die gefühlte Geschwindigkeit verbessert.
Best Practices für eine schnelle Startseite
Vermeide zu viele Widgets – Social-Sharing-Buttons zum Beispiel sind besser in einzelnen Blogbeiträgen als auf der Startseite platziert.
Zeige Auszüge statt ganzer Beiträge – Das reduziert die Menge an geladenem Inhalt und macht die Seite übersichtlicher.
Begrenze die Anzahl der angezeigten Beiträge – Fünf aktuelle Beiträge sind optimal für Geschwindigkeit und Lesbarkeit.
Render-blockierendes JavaScript und CSS beheben
Wenn du deine Website mit Google PageSpeed Insights testest, siehst du möglicherweise eine Warnung wie:
"Eliminate render-blocking JavaScript and CSS in above-the-fold content"
Das bedeutet, dass einige JavaScript- oder CSS-Dateien das Rendern des sichtbaren (Above-the-Fold-) Bereichs deiner Seite verzögern. Einfach gesagt: Die Browser deiner Besucher müssen auf das Laden dieser Dateien warten, bevor sie den Seiteninhalt anzeigen können, was die Ladezeit verlängert.
Lösung mit W3 Total Cache (W3TC)
Du kannst das beheben, indem du die Minify-Einstellungen in W3 Total Cache anpasst:
Gehe zu Performance > Allgemeine Einstellungen in deinem WordPress-Dashboard.
Im Bereich Minify stelle den Minify-Modus auf Manuell und speichere die Änderungen:
Öffnen Sie dann das Performance> Minify-Menü und stellen Sie sicher, dass die JavaScript-Minify-Einstellungen der empfohlenen Konfiguration entsprechen:
Fügen Sie die von Google PageSpeed markierten JavaScript-Datei-URLs in den Bereich JS-Dateiverwaltung ein:
Wiederholen Sie den Vorgang für CSS-Dateien, indem Sie die markierten CSS-URLs in den Bereich CSS-Dateiverwaltung einfügen:
Sobald dies erledigt ist, testen Sie Ihre Website erneut mit PageSpeed Insights. Die Warnung bezüglich renderblockierender Ressourcen sollte verschwinden, wenn alles korrekt eingerichtet ist.
Alternative: Autoptimize-Plugin
Wenn Sie ein einfacheres Tool bevorzugen, ist Autoptimize eine weitere ausgezeichnete Option, um renderblockierende Ressourcen zu reduzieren. Es kann:
JavaScript- und CSS-Dateien zusammenfassen und minimieren
CSS und JS verschieben, um die Lade-Reihenfolge zu optimieren
HTML für schlankere Seiten minimieren
Mit Caching-Plugins wie WP Super Cache zusammenarbeiten, um noch bessere Ergebnisse zu erzielen.
Wichtige Einstellungen von Autoptimize sind:
JavaScript-Optionen – Mehrere JS-Dateien zu einer zusammenfassen, um Anfragen zu reduzieren
CSS-Optionen – Kritisches CSS inline einfügen, kleine Bilder direkt in CSS kodieren und mehr
HTML-Optionen – HTML minimieren und optional Kommentare beibehalten
CDN-Optionen – Eine CDN-Basis-URL festlegen, um statische Dateien schneller zu laden
Bilder-Tab – Bilder automatisch komprimieren und optimieren
Extra / Mehr optimieren – Zusätzliche erweiterte Anpassungen für Power-User.
So schalten Sie alle Funktionen frei:
Gehen Sie zu Einstellungen> Autoptimize > klicken Sie auf Erweiterte Einstellungen anzeigen:
Passen Sie die Optionen an die Anforderungen Ihrer Website an:
Klicken Sie auf Änderungen speichern und Cache leeren, um die Optimierungen anzuwenden:
Hotlink-Schutz aktivieren
Wenn eine andere Website direkt auf ein Bild verlinkt, das auf Ihrem Server gehostet wird (zum Beispiel, wenn Ihr Bild auf deren Seite angezeigt wird, ohne dass sie es selbst hosten), nennt man das Hotlinking.
Das mag harmlos erscheinen, aber jedes Mal, wenn deren Besucher dieses Bild laden, arbeitet Ihr Server und nutzt Ihre Bandbreite, was Ihre Website verlangsamt und die Hosting-Kosten erhöht.
Der einfachste Weg, Hotlinking zu verhindern, ist, den Hotlink-Schutz in Ihrem cPanel zu aktivieren. Dies kann über das Menü Hotlink-Schutz erfolgen:
Sobald diese Funktion aktiviert ist, können andere Websites deine Bilder nicht mehr direkt von deinem Server laden. So werden deine Ressourcen geschützt und deine Website bleibt für deine Besucher schnell.
Datenbank optimieren
Mit der Zeit kann deine WordPress-Datenbank unnötige Daten ansammeln, wie alte Revisionen, Spam-Kommentare und übrig gebliebene Einstellungen von Plugins, die deine Website verlangsamen können.
Standardmäßig verwendet WordPress 11 Kerntabellen, aber die meisten Websites haben zusätzliche Tabellen, die von Plugins und Themes erstellt werden. Eine regelmäßige Datenbankoptimierung hilft, alles sauber, effizient und schnell zu halten.
So optimierst du deine WordPress-Datenbank:
Folge einer Anleitung zur Datenbankoptimierung, um sicherzustellen, dass du nur das entfernst, was gefahrlos gelöscht werden kann
Verwende ein spezialisiertes Plugin für eine schnelle und sichere Optimierung, zum Beispiel:
WP-Optimize – Führt direkte SQL-Abfragen zur Bereinigung aus (schnell, kann aber verwaiste Daten hinterlassen).
Optimize Database after Deleting Revisions – Konzentriert sich auf das Bereinigen von Beitrags-Revisionen.
WP-Sweep – Verwendet offizielle WordPress-Löschfunktionen und verringert so das Risiko, verwaiste Daten zu hinterlassen.
WP-DB Manager – Bietet Optimierungs- und Backup-Funktionen.
Leistung deiner WordPress-Website einschätzen
Plugins erweitern deine WordPress-Website um zusätzliche Funktionen und Anpassungsmöglichkeiten. Manche Plugins können die Leistung jedoch negativ beeinflussen, indem sie übermäßig viel CPU- und I/O-Ressourcen verbrauchen.
Um sicherzustellen, dass deine Website effizient läuft, ist es wichtig, die Auswirkungen deiner Plugins und Themes zu messen.
Schritt 1 – Ressourcenverbrauch analysieren
Verwende das Code Profiler Plugin, um deine Website auf PHP-Ebene zu scannen. Es liefert klare, detaillierte Berichte mit Diagrammen und Tabellen zu folgenden Punkten:
Welche Plugins oder Themes deine Website verlangsamen;
Die spezifischen PHP-Skripte, Klassen, Methoden und Funktionen, die die meisten Ressourcen verbrauchen.
Schritt 2 – Plugin-Ladevorgang steuern
Installiere das Plugin Organizer Plugin, um:
Bestimmte Plugins auf ausgewählten Seiten oder Beiträgen deaktivieren
Die Lade-Reihenfolge von Plugins ändern
Die Leistung verbessern, indem nur notwendige Plugins dort ausgeführt werden, wo sie gebraucht werden.
Schritt 3 – Gesamte Website-Optimierung prüfen
Nachdem du die oben genannten Verbesserungen umgesetzt hast, verwende das GTmetrix für WordPress Plugin, um deinen Optimierungs-Score zu messen. Dieses Tool bewertet die Geschwindigkeit und Leistung deiner Website und liefert dir klare Kennzahlen, um den Fortschritt zu verfolgen.