WordPress schneller machen – Teil 1

Im Internet gibt es nichts Schlimmeres als langsame Webseiten! Da muss man keine Statistiken zur Absprungrate rezitieren, jeder von uns hat schon mal qualvoll gewartet bis die gewünschte Seite endlich geladen war, oder hat den Seitenaufruf abgebrochen und das nächstbeste Suchergebnis angesurft. Damit euch das nicht mit euren Besuchern passiert, erfahrt ihr in diesem Beitrag, wie ihr als ersten Schritt die „Problemzonen“ eurer WordPress-Seite identifiziert. Denn davon gibt es einige.

WordPress optimal Konfiguriert: so läd die Seite schnell.

Zur Analyse bieten sich drei kostenlose Tools an, die ihr ohne Anmeldung nutzen könnt. Das ist zum einen das Google eigene PageSpeed Insights, das open source Projekt WebPageTest und das sehr ähnliche, aber schnellere GTmetrix. Von der Funktionsweise sind alle drei einfach zu bedienen:

1. URL eingeben
2. Analyse per Klick starten
3. kurz abwarten
4. die Ergebnisse ansehen

Erst bei der Darstellung der Ergebnisse unterscheiden sich die Tools.

Optimierung für Mobilgeräte mit PageSpeed Insights

Nur das Google-Tool testet neben der Desktop-Darstellung auch die Mobile-Darstellung. Je nachdem wie ihr eure Zielgruppe/Leserschaft definiert, kann das für euch wichtig sein. Hier unterscheidet Google zwischen der mobilen Nutzererfahrung (unter anderem wird geprüft ob die Schaltflächen und Links groß genug dargestellt werden und sich daher einfach mit dem Finger anklicken lassen) und der technischen Optimierung für kurze Ladezeiten (sowohl für mobile wie auch Desktop-Geräte). Hier zeigt uns Google, dass Pressengers.de vom Browser-Caching und Bilder-Optimieren profitieren kann. Weitere Details gibt es nach einem Klick auf „Fehlerbehebung anzeigen“.

Google PageSpeed Insights zeigt uns Potential bei der Optimierung von Pressengers.de

Tabellenfans werden mit WebPageTest glücklich

Unter dem Reiter „Performance Review“ stellt das Tool WebPageTest die Elemente eurer Webseite (Spalte 1) in einer übersichtlichen Tabelle dar und zeigt in den weiteren Spalten den jeweiligen Optimierungsgrad. So seht ihr auf einen Blick, welche Elemente ihr optimieren solltet und wie der Lösungsweg dafür aussieht. Auch hier wird uns empfohlen, statische Elemente wie CSS-Dateien zu Cachen und Bilder zu komprimieren. Content Delivery Networks (CDN) erkennt das Tool für externe Ressourcen wie das Google Analytics Tracking. Statische Elemente eurer Webseite könnt ihr ebenfalls über ein CDN ausliefern lassen. Ob das für euch vorteilhaft ist, erklärt unser Artikel zu CDN.

WebPageTest.org: einige Elemente sollten gecached werden, damit die Seite schneller läd.

GTmetrix zeigt euch den Optimierungsgrad im zeitlichen Verlauf

Übersichtliche Balkendiagramme bietet GTmetrix. Das Tool sortiert bei der Ansicht bereits die Ergebnisliste nach Prioritäten, so dass ihr die Optimierung von oben nach unten abarbeiten könnt, um schnell bessere Ergebnisse zu erzielen. Eine nette Spielerei ist der Reiter „History“. Dort könnt ihr euch die Ergebnisse von früheren Tests eurer Seite ansehen und so im Idealfall die positive Entwicklung eurer Optimierungsmaßnahmen begutachten. Auch GTmetrix zeigt uns Verbesserungspotential bei den Bildern auf. Zum einen sollen sie „optimiert“ also komprimiert werden, und zum anderen sollen ihre Dimensionen (width und height) im HTML-Code eingepflegt werden.

GTmetrix: Um die Ladezeit zu verkürzen sollten wir zuerst die Elemente mit dem roten Statusbalken angehen.

Hilfe, bei mir ist alles rot

Habt ihr eure Seite getestet und seht den Wald vor lauter Bäumen nicht mehr? Keine Sorge, denn „out of the box“ und mit vielen Plugins ist WordPress alles andere als schnell. Zum Glück gibt es genauso einfache wie effiziente Lösungen um Eure Seite komplett in den „grünen Bereich“ zu optimieren. Über die nächsten Wochen stellen wir euch in konkreten Anleitungen vor, wie ihr die Performance eurer Seite verbessern könnt und WordPress schneller macht.

Update: Hier die Folgeartikel:

• Das optimale Bildformat wählen
• Bilder komprimieren
• Cache nutzen:
  • W3 Total Cache konfigurieren
  • WP Super Cache konfigurieren
• Datenbank bereinigen