Wie optimiere ich die Ladegeschwindigkeit meiner WordPress Seite?

CacheCacheCache, wir haben sogar ein Cache-Kässeli bei uns im Büro. Aber was heisst das genau und welcher Cache bringt welche Vorteile? Und was kann man sonst noch tun um die Ladezeit einer Website zu optimieren? Um das geht es in diesem Beitrag.

Starten wir mit dem Pfad, was genau passiert, wenn eine Webseite aufgerufen wird. Dazu habe ich folgende Grafik erstellt.

Caches

Ein Cache speichert eine Information in einer Form, sodas die gleiche Information zu einem späteren Zeitpunkt schneller wieder zur Verfügung steht. Ändert sich die Information, muss auch der Cache gelöscht, geleert oder neu erstellt werden. Zu Abstrakt? Ein Beispiel: Du fragst eine zufällige Person am Bahnhof, wann der nächste Zug nach Mailand fährt. Diese Person schaut im SBB-App nach und gibt dir diese Information weiter. Wenn du die gleiche Person nun in 5min nochmals frägst, kann Sie dir diese Information (vermutlich 😉 ) direkt geben ohne im App nachzuschauen. Solange die Information (Abfahrtszeit) nicht ändert, stimmt die Information von der Person und es reicht dir, wenn du das von der Person erfährst und nicht von der App.

Für Websites bedeutet das, dass gewisse Informationen aufwändiger gesammelt werden müssen, die im Prinzip zwischengespeichert werden können. Nun gibt es in den Webtechnologien viele verschiedene Stellen wo man einen Cache anwenden kann, jeder Cache hat seine Vor- und Nachteile und muss unter gewissen Umständen manuell geleert werden.

Wo wird gecached?

Ich beschränke mich hier auf die relevantesten Caches und die, die wir in unserem Alltag auch oft einsetzen.

DNS-Cache

Damit die Webseite im Internet nicht nur unter der IP-Adresse des Webservers erreichbar ist, sondern auch unter dem «schönen» Namen example.com muss die Domain aufgelöst werden. Das kann man sich mit der Analogie eines Telefonbuches vorstellen. Eine Person mit einem Namen hat eine Telefonnummer, diese merkt sich niemand, den Namen aber schon. Nun ändert – wie bei der Telefonnummer – die IP-Adresse aber selten und diese Information kann daher gut gecached werden. Wenn ich also die Website klubdergutenseiten.ch aufrufe, wird als erstes eine DNS abfrage an meinen DNS-Resolver gestellt: «wie lautet die IP Adresse für die Domain klubdergutenseiten.ch?». Wenn der DNS-Resolver die Antwort weiss, liefert er mir die IP-Adresse direkt. Wenn nicht, so leitet er die Frage an die nächste Stelle weiter. Das erklärt auch, warum es unter Umständen lange dauern kann, bis DNS Änderungen überall angekommen sind.

Cache-Headers oder «Browser Cache»

Site-Cache

Wenn der Webserver die Anfrage für eine Webseite bekommt sammelt dieser sämtliche benötigten Informationen aus der Datenbank und generiert aufgrund der PHP Skripte das finale HTML Markup. Dieses wird dann an den Browser gesendet. Das generierte HTML kann auch zwischengespeichert werden, dadurch erspart man sich die Datenbankabfragen.

Das geht, solange der Inhalt der Seite nicht dynamisch oder user-abhängig ist. Wenn du beispielsweise ein Produkt in einem Onlineshop in den Warenkorb legst, ist der Warenkorb dann dein persönlicher Warenkorb. Wenn ich gleichzeitig meinen Warenkorb öffne, möchte ich nicht die gecachte Version deines Warenkorbes sehen. Der Site-Cache (oder Page-Cache) funktioniert also nur bei statischen Inhalten (z.B. Blog-Seiten, Impressum, etc.).

Von hier an?

Die Cache-Reise geht noch weiter. Es gibt viele weitere Möglichkeiten auf der Serverseite, um z.B. Objekte schneller verfügbar zu machen (Object-Cache) oder bereits aufgerufene PHP-Skripts bereits vorkompiliert im Zwischenspeicher zu behalten (OPCache). Diese Varianten werden in der Regel vom Hosting-Anbieter bereits vorkonfiguriert.

Und was gibt es abgesehen von Caches?

Die oben beschriebenen Massnahmen sind eher technischer Natur und werden bei unseren Projekten von uns empfohlen und eingerichtet. Die Ladezeit wird massgebend durch die Inhalte einer Website bestimmt. Das bedeutet das beliebte Full-Size-Video auf der Startseite lädt länger wie ein Text. Die fancy-pants Design Schriftart braucht länger bis sie geladen ist wie eine System-Font. Ich finde da muss man einen guten Mittelweg finden, der für das Marketing und auch für die Website-Besucher:innen gleichermassen erfüllend ist.

Unsere Erfahrung zeigt zudem, dass viele Plugins die Website verlangsamen. Besonders im Admin-Bereich, also da wo die Inhalte erfasst und bearbeitet werden, sind Plugins oft eine Ursache wenn sich die Seite langsam verhält. Das ist leider eher aufwändig herauszufinden welches Plugin effektiv welchen Einfluss hat und meistens wurden die Plugins ja aus einem Grund installiert.

Mehr PS

Eine Möglichkeit bleibt einem immer. Mehr Power. Eine standard WordPress Webseite kann im Normalfall gut auf einem Shared-Hosting betrieben werden (also ein Server wo man sich die Ressource mit anderen teilt). Das ist eine kostengünstige Möglichkeit die Website zu betreiben (Grössenordnung 10CHF / Monat auf einem Schweizer Server). Ein eigener Server bringt den Vorteil, dass man die Ressource für sich reserviert und garantiert hat. Dazu gibt es Angebote von Schweizer Hostern die startet bei ca. 40 CHF / Monat.

Fazit

Es gibt viele Schrauben die man verstellen kann um die Performance zu verbessern. Je nach Projekt bieten sich Caches oder Anpassungen an der Konfiguration an. Oder als letztes Hilfsmittel kann mit mehr Server-Ressourcen gearbeitet werden.

Gerne beraten wir dich natürlich, wenn du konkrete Fragen zu deiner Website hast oder vor einem Performance Problem stehst. Schreib mir doch einfach eine Mail an florian@kdgs.ch