Wie funktionieren WordPress-Caching-Plugins?

Hinweis: Der folgende Artikel hilft Ihnen dabei: Wie funktionieren WordPress-Caching-Plugins?

Da die Ladegeschwindigkeit einer der entscheidenden Faktoren ist, die über den Erfolg einer WordPress-Website entscheiden, sind WordPress-Caching-Plugins heutzutage allgegenwärtig.

Es gibt kostenlose und Premium-Caching-Plugins. Unternehmen bombardieren uns mit ihrem Marketing und erklären, warum ihr WordPress-Caching-Plugin das beste ist.

Je gefragt:

1. Wie funktionieren diese WordPress-Caching-Plugins eigentlich?
2. Warum sorgen sie dafür, dass unsere Websites schneller laden?
3. Warum zerstören sie manchmal das gesamte Layout unserer Websites?

In diesem Artikel führe ich Sie durch die Aktionen, die durch das Caching von Plugins im Hintergrund ausgeführt werden. Keine Sorge, ich werde mich nicht in der Techniksprache verlieren. Sie können diesen Artikel gut verstehen, wenn Sie keinen Code schreiben können.

Um einen Standard für langsame Ladezeiten festzulegen, meine ich Websites, deren Ladezeit mehr als drei Sekunden beträgt. Basierend auf den gesammelten Daten von PingdomDie durchschnittliche Ladezeit von Websites betrug im Jahr 2017 3,21 Sekunden. Google sagte in einem Studie aus dem Jahr 2018 dass 53 % der mobilen Besucher eine Website verlassen, deren Laden länger als drei Sekunden dauert.

Wenn das Laden Ihrer Website länger als drei Sekunden dauert, besteht die Möglichkeit, dass Sie Ihren mobilen Datenverkehr verdoppeln, indem Sie das Laden beschleunigen.

Warum WordPress-Sites langsam laden

Beginnen wir damit, warum WordPress-Sites tatsächlich langsam laden. Dieses Problem hängt tatsächlich mit der Funktionsweise von WordPress zusammen. Lassen Sie mich erklären.

WordPress ist nichts anderes als eine Sammlung von Dateien und eine Datenbank, die sich auf Ihrem Webhosting-Konto befindet. Die Dateien erstellen auf gewisse Weise Ihre Website und die Datenbank enthält alle Texte, Logins, Einstellungen usw.

Sie können sich die Datenbank als eine Excel-Tabelle vorstellen (nur etwas komplizierter).

Wenn ein Besucher Ihre Website besucht, sendet Ihr Webhost einige dieser Dateien an den Browser Ihres Besuchers und lädt die Daten, aus denen Ihre Website besteht, aus der Datenbank. Wenn der Besucher Ihre Homepage öffnet, lädt der Webhost alle Daten, die die Homepage erstellen. Wenn der Besucher Ihre Kontaktseite aufruft, lädt der Webhoster den Inhalt Ihrer Kontaktseite aus der Datenbank und sendet ihn an den Browser Ihres Besuchers.

Hier beginnt nun das Potenzial für langsame Ladezeiten. Wenn Ihr Webhosting-Unternehmen nicht für WordPress optimiert ist (oder Sie Shared Hosting nutzen), kann das Laden der Inhalte aus der Datenbank lange dauern.

Lassen Sie mich dies Schritt für Schritt durchgehen, damit Sie verstehen, wie WordPress-Caching-Plugins diesen Prozess beschleunigen können:

1. Ihr Website-Besucher klickt auf einen Link zu Ihrer Website (z. B. hat er Sie in den Suchergebnissen von Google gefunden oder eine Ihrer Anzeigen in sozialen Medien gesehen).
2. Der Browser Ihres Besuchers sendet nun eine Anfrage an Ihr Webhosting-Unternehmen. Es ist, als würde der Browser sagen: „Hey, bitte schicken Sie mir die Website von Jan Koch.“
3. Ihr Hosting-Unternehmen antwortet: „Okay, lassen Sie mich alle Daten abrufen, die zum Laden von Jans Website erforderlich sind, und diese an Sie senden.“
4. An diesem Punkt beginnt Ihr Webhost mit der Verarbeitung der Dateien, aus denen Ihre Website besteht, sucht nach den Inhalten in Ihrer Datenbank und verpackt sie in Form Ihrer Website.
5. Sobald Ihr Webhost alle Dateien geladen und alle Inhalte gefunden hat, wird die Website an Ihren Besucher gesendet.
6. Schließlich empfängt der Browser Ihres Besuchers die Daten und kann die Website anzeigen.

Auch wenn dieser Prozess sehr vereinfacht ist, hoffe ich, dass er mehrere Probleme verdeutlicht, die möglicherweise dazu führen, dass Ihre Website langsam lädt. In den meisten Tools zur Geschwindigkeitsanalyse werden drei Kennzahlen angezeigt, die zusammenfassen, wie gut eine Website geladen wird: die Anzahl der Anfragen, die Seitengröße und schließlich die Ladezeit selbst.

Dies ist ein Screenshot eines Geschwindigkeitstests, den ich mit meiner Website durchgeführt habe Pingdom-Website-Geschwindigkeitstest. Sie können sehen, dass die Ladezeit meiner Seite 351 ms beträgt, die Seitengröße 757,2 KB beträgt und zum Laden der Website 29 Anfragen erforderlich sind. Diese Ergebnisse sind ziemlich gut und meiner Meinung nach das Optimum dessen, was mit vertretbarem Aufwand möglich ist. Um zu diesen Ergebnissen zu gelangen, habe ich viele WordPress-Caching-Plugins getestet und mich für Swift Performance entschieden. Ich verwende die kostenpflichtige Version, aber Swift Performance Lite ist auch ziemlich gut!

Was ich getan habe, um diese Zahlen zu erreichen, ist ziemlich einfach. Lassen Sie mich Ihnen zeigen, wie.

Erstellen Sie bessere WordPress-Sites. Abonnieren Sie unseren wöchentlichen Newsletter, um solche Inhalte direkt in Ihren Posteingang zu bekommen.

Wie WordPress-Caching-Plugins funktionieren

Wann immer Sie versuchen, das Laden Ihrer WordPress-Site zu beschleunigen, stoßen Sie unweigerlich irgendwann auf WordPress-Caching-Plugins. Das liegt daran, dass diese Plugins den oben beschriebenen Ladevorgang erheblich abfangen und verbessern können!

Diese Grafik zeigt, aus welchen Dateitypen eine Website besteht. Es ist Teil der Geschwindigkeitsanalyse mit Pingdom, die ich oben geteilt habe.

Sie können sehen, dass meine Website (wie Ihre) aus Folgendem besteht:

• Bilddateien
• CSS-Dateien (diese steuern, wie Ihre Website aussieht)
• Skripte (diese steuern die Funktionsweise Ihrer Website und manchmal auch Teile des Designs)
• Schriftarten (Ihr Text sollte schön aussehen)
• XHR-Daten (Daten, die zwischen Ihrem Host und einem Browser übertragen werden)
• HTML (der Strukturcode Ihrer Website)

Jeder dieser Dateitypen verlängert die Ladezeit Ihrer Website.

Sie können sehen, dass der größte Teil der Seitengröße für WP Mastery aus Bildern besteht. Obwohl es sich nicht gerade um ein Caching-Problem handelt, möchte ich Sie wissen lassen, dass ich es verwende Stellen Sie sich vor um meine Bilder für schnelle Ladezeiten zu optimieren.

Zwischenspeichern und Vorladen von Seiten

Beginnen wir mit zwei der wichtigsten Funktionen von WordPress-Caching-Plugins: Seiten-Caching und Cache-Vorladen. Keine Sorge, Sie müssen kein Raketenwissenschaftler sein, um zu verstehen, wie sie funktionieren.

Erinnern Sie sich an meine Erklärung, wie Ihre Website geladen wird, wenn ein Besucher auf Ihre Domain zugreift? Der gesamte Prozess des Ladens der Daten aus der Datenbank, des Sammelns aller Dateien und aller anderen Dinge wird umgangen, wenn ein Seitencache aktiviert und der Cache vorgeladen wird.

Anstatt alle Informationen aus der Datenbank zu laden, verfügt Ihre Website jetzt über eine Kopie jeder einzelnen Seite, die Sie direkt an Ihre Besucher senden können. Ihr Webhoster muss nicht mehr in der Datenbank nach den richtigen Informationen suchen, sondern kann die Daten einfach direkt senden.

Dies ist mein aktueller Seiten-Cache-Status bei WP Mastery. Sie können sehen, dass ich auf meiner Website 559 einzelne Seiten habe, darunter Blogbeiträge, Archive und andere Inhalte. Meine Website hat jeden einzelnen Inhaltsteil vorab in einen Cache geladen, damit sie den Besuchern, die auf die Seite zugreifen, die Website schnell bereitstellen kann.

Das Vorladen des Seitencaches ist ein hochautomatisierter Prozess, bei dem Sie nichts anderes tun müssen, als ihn zu starten. Überprüfen Sie gelegentlich den Cache-Status und starten Sie den Vorladevorgang erneut, wenn ein Fehler aufgetreten ist.

Aber das ist alles. Die Magie geschieht im Hintergrund.

Dateiminimierung und -kombination

Ähnlich wie Imagify die Dateigröße der Bilder auf einer Website reduziert, können Caching-Plugins die Größe von CSS-Dateien, JavaScript-Dateien und HTML-Inhalten reduzieren. Diese Funktionen heißen „“ und sind in den meisten WordPress-Caching-Plugins enthalten. Durch die Minimierung von Dateien entfernen Caching-Plugins automatisch Leerzeichen, Zeilenumbrüche und andere unnötige Markierungen.

Mit nur dem notwendigen Code und ohne Styling, um den Code für Menschen lesbarer zu machen, können WordPress-Caching-Plugins die Gesamtgröße Ihrer Seite reduzieren.

Ich beginne meine Optimierungsprozesse immer damit, die Seitengröße der Website, an der ich arbeite, zu reduzieren. Wenn Sie also Ihre Caching-Plugins mit Minimierung einrichten können, haben Sie bereits einen Vorsprung.

Aber Vorsicht: Die Minimierung kann manchmal Probleme verursachen und Ihr Layout beschädigen! Seien Sie beim Anwenden der Minimierung auf Ihre Website sehr vorsichtig und aktivieren Sie jeweils eine Option.

Hier ist ein Screenshot meiner Einstellungen zum Minimieren und Optimieren der CSS-Bereitstellung in Swift Performance Pro:

Sie werden wahrscheinlich ähnliche Optionen in Ihrem WordPress-Caching-Plugin sehen, wenn Sie ein anderes verwenden. Aktivieren Sie jeweils nur eine Option, leeren Sie den Cache und testen Sie Ihre Website dann in mehreren Browsern, um sicherzustellen, dass sie korrekt geladen wird. Fast jedes WP-Caching-Plugin ermöglicht es Ihnen, Stylesheets oder JavaScript-Dateien von der Minimierung auszuschließen. Nutzen Sie diese Option sinnvoll, falls Ihr Layout beim Minimieren aller Dateien kaputt geht.

Neben der Minimierung von Dateien ermöglichen Ihnen die meisten WordPress-Caching-Plugins auch das Zusammenführen mehrerer Dateien zu einer, insbesondere bei der Arbeit an CSS- und JavaScript-Dateien. Diese Funktion ist eine fantastische Möglichkeit, die Anzahl der zum Laden einer Website erforderlichen Anfragen zu reduzieren. Ohne diese Zusammenführung von Dateien wären mehr als 100 Anfragen erforderlich, um meine Website zu laden. Aber durch die Aktivierung der Zusammenführung von JS-Dateien und CSS-Dateien konnte ich die Zahl auf 29 Anfragen reduzieren.

Festlegen von Expires-Headern

Eine weitere sehr nützliche und zentrale Funktionalität von WordPress-Caching-Plugins ist das Setzen sogenannter „“-Header. Hierbei handelt es sich um Informationsschnipsel, die Webbrowsern mitteilen, ob sich eine Datei seit dem letzten Besuch einer Website durch den Browser geändert hat. Am häufigsten werden diese Header für Dateien festgelegt, die sich nicht oft ändern. Bilder, JavaScript- und CSS-Dateien sind gängige Beispiele.

Diese Header funktionieren wie folgt:

1. Wenn ein Besucher zum ersten Mal Ihre Website besucht, lädt der Browser alle für die Anzeige der Seite erforderlichen Dateien herunter.
2. Wenn der Besucher eine neue Seite auf Ihrer Website öffnet (z. B. von Ihrer Startseite zu Ihrer Diensteseite), weiß sein Browser, dass einige Dateien nicht erneut heruntergeladen werden müssen – da diese Dateien mit Kopfzeilen gekennzeichnet sind.
3. Der Browser lädt dann die neuen Daten und kann so die neue Seite schneller laden.

Aus der Definition von MDN-Webdokumenten (Mozilla):

Browser wissen, dass die in der Datei enthaltenen Informationen noch gültig sind, wenn ein Header noch nicht abgelaufen ist. Da Sie Header normalerweise auf mindestens einen Monat (manchmal sogar auf ein Jahr) festlegen, liefern diese Header hervorragende Ergebnisse für wiederkehrende Besucher Ihrer Website.

Header sind eine einfache Möglichkeit, die Geschwindigkeit Ihrer Website zu verbessern. Ich empfehle Ihnen dringend, sie auszuprobieren!

Welche Caching-Plugins Sie verwenden sollten

Nachdem ich nur drei der Hauptfunktionen hervorgehoben habe, die WordPress-Caching-Plugins für Ihre Website bieten, möchte ich Ihnen einige Empfehlungen und Tipps zur Auswahl eines Caching-Plugins für Ihre Website geben.

Letztendlich ist es eine Entscheidung zwischen kostenlosen Plugins und kostenpflichtigen Plugins. Beliebte kostenlose Caching-Plugins sind:

1. W3 Gesamtcache (1+ Million Installationen)
2. WP Super Cache (2+ Millionen Installationen)
3. WP Schnellster Cache (Über 900.000 Installationen)

Mein liebstes kostenloses Caching-Plugin ist jedoch Swift Performance Lite mit gerade einmal 10.000+ Installationen. Mit diesem Plugin habe ich die besten Geschwindigkeitsergebnisse erzielt.

Wenn es um kostenpflichtige Caching-Plugins geht, gibt es eigentlich nur zwei Plugins, die man ernst nehmen sollte: WP Rocket Und Swift Performance Pro. Die Frage, welches Plugin besser ist, ähnelt der Frage, ob Ihnen Windows oder Mac besser gefällt. Es ist fast eine religiöse Debatte in der WordPress-Welt.

Hostinger empfiehlt WP Rocket in seiner Wissensdatenbank und ich persönlich habe es mit WP Rocket geschafft, WooCommerce-Shops in weniger als einer Sekunde zu laden. Meine eigene Website läuft mit Swift Performance Pro und lädt ebenfalls extrem schnell. Sie können also mit keinem davon etwas falsch machen.

Probieren Sie Managed WordPress aus, um bessere Ergebnisse zu erzielen

Managed WordPress Hosting kümmert sich um die Bildkomprimierung, automatische Updates für Plugins und die Plattform, automatische tägliche Backups, automatisches SSL und Staging-Umgebungen sowie Zugriff auf Entwicklertools und keine Seitenaufruf-/Verkehrsbeschränkungen.