Möchten Sie die Gründe und die Schritte zum Hinzufügen von Expires-Headern in WordPress erfahren? Möglicherweise sind Sie auf diese Empfehlung gestoßen, wenn Sie Geschwindigkeitstest-Tools wie GTMetrix auf Ihrer Website ausführen.
Expires-Header verbessern die Geschwindigkeit und Leistung der Website, indem sie das Browser-Caching nutzen.
In diesem Tutorial erklären wir, wie Expires-Header funktionieren und warum sie von Bedeutung sind. Anschließend demonstrieren wir zwei Methoden zum Hinzufügen von Expires-Headern zu WordPress.
Was ist der Expires-Header in WordPress? Warum sind sie wichtig?
Um Expires-Header zu verstehen und zu verstehen, wie man sie zu WordPress hinzufügt, müssen Sie zunächst ein wenig über Browser-Caching Bescheid wissen. Jede Website besteht aus statischen Dateien, aus denen die Webseite besteht, z. B. HTML, JavaScript und CSS. Diese Dateien ändern sich nicht häufig. Das heißt, wenn Sie die Seite gestern angefordert haben und sie heute erneut anfordern, lädt der Browser jedes Mal dieselben Dateien herunter.
Wenn Sie diese Dateien gestern in Ihrem Browser gespeichert haben, werden sie bei Ihren heutigen Anfragen schnell von Ihrem Browser geladen. Dadurch verbessert sich die Ladezeit Ihrer Website und der Ressourcenverbrauch wird reduziert, da die Dateien nicht vom Webserver geladen werden.
Caching beschleunigt die Website-Bereitstellung, indem Dateien im Browser-Cache gespeichert werden, was einen schnelleren Abruf bei späteren Besuchen ermöglicht.
Der Browser-Cache kann die Dateien einer Website (Bilder, CSS, JavaScript usw.) jedoch nicht unbegrenzt speichern. Es sind Anweisungen erforderlich, wann veraltete Dateien verworfen und aktualisierte Versionen abgerufen werden sollen.
In diesem Szenario kommen Expires-Header ins Spiel. Dabei handelt es sich um Regeln, die Sie im Header-Bereich Ihrer Website festlegen und die den Browser über das konkrete Datum informieren, an dem zwischengespeicherte Dateien verworfen und neue Kopien abgerufen werden sollen.
Wie Zwischengespeicherte Dateien werden gelöscht
Um eine Datei aus dem Speicher eines Browsers zu löschen, müssen Sie ein Ablaufdatum dafür festlegen. Dazu müssen dem Header Regeln hinzugefügt werden, die den Browser anweisen, wann er alte Dateien verwerfen und neue abrufen soll.
These rules, known as Expires Headers, are often manually added to web servers via the htaccess file. They instruct the browser to delete specific files and specify the date for deletion.
Einige Webmaster bevorzugen die Festlegung von Etag-Headern anstelle von Expires-Headern. Etag-Header erfüllen im Wesentlichen eine ähnliche Funktion, in diesem Artikel konzentrieren wir uns jedoch auf Expires-Header.
Wir betrachten zwei Methoden zum Festlegen von Expires-Headern: manuelle Konfiguration und Verwendung eines Plugins.
Zwischengespeicherte Dateien sollten eine bestimmte Dauer haben, bevor sie ablaufen
Es gibt keine festen Regeln zum Festlegen von Ablaufzeiten für Web-Assets. Der Schlüssel besteht darin, häufig angeforderten Web-Assets kürzere Ablaufzeiten zuzuweisen. Ein gutes Beispiel sind beispielsweise HTML-Dateien. Im Idealfall wäre eine Ablaufzeit von 1 Stunde ausreichend.
Assets mit weniger häufigen Anfragen sollten eine längere Ablaufzeit haben. Sie können beispielsweise eine Ablaufzeit von einem Monat für CSS, JavaScript und Ihr Website-Logo festlegen, was häufige Beispiele sind.
So fügen Sie einen Expires-Header in WordPress hinzu (zwei Methoden)
In diesem Abschnitt zeigen wir zwei Möglichkeiten zum manuellen Hinzufügen von Expires-Headern in WordPress und wie man WordPress-Plugins für diesen Zweck verwendet.
Wenn Sie mit der Bearbeitung von Serverdateien nicht vertraut sind, empfehlen wir die Verwendung der Plugin-Methode zum Hinzufügen von Expires-Headern in WordPress. Diese Methode macht eine manuelle Änderung Ihrer Serverkonfigurationsdatei überflüssig.
Manuelles Hinzufügen von Expires-Headern in WordPress
Bevor Sie fortfahren, müssen Sie feststellen, ob Ihre Website auf einem Apache- oder Nginx-Webserver gehostet wird. Um diese Informationen zu erhalten, können Sie sich an den Support Ihres WordPress-Hosting-Anbieters wenden. Alternativ gibt es eine schnelle Methode zur Identifizierung des Servertyps.
Apache-Webserver
Um Expires-Header in WordPress auf Apache-Servern hinzuzufügen, müssen Sie auf die .htaccess-Datei Ihrer WordPress-Website zugreifen.
Sie können auf diese Dateien entweder über cPanel oder einen FTP-Client wie FileZilla zugreifen. Der Einfachheit halber bleiben wir bei cPanel.
Melden Sie sich zunächst bei Ihrem cPanel-Konto an und suchen Sie das Dateimanager-Symbol. Klicken Sie nach der Anmeldung auf das Dateimanager-Symbol.
Klicken Sie, um zum Stammordner zu navigieren, der Ihre Site-Dateien enthält. Normalerweise heißt dieser Ordner public_html.
Der obige Codeausschnitt gibt eine Ablaufzeit von einem Jahr für Bilder an. Ebenso wird Videos eine Ablaufzeit von einem Jahr zugewiesen. CSS und Javascript werden jedoch jeden Monat aus dem Cache gelöscht und ersetzt.
Der obige Codeausschnitt legt eine Ablaufzeit von einem Jahr für Bilder fest. Ebenso haben Videos eine Ablaufzeit von einem Jahr. CSS und JavaScript werden jedoch jeden Monat aus dem Cache gelöscht und ersetzt.
Natürlich können Sie die Zeitparameter jederzeit ändern, aber seien Sie vorsichtig, wenn Sie solche Änderungen vornehmen.
Für eine bessere Effizienz steigern einige Webmaster die Leistung weiter, indem sie sogenannte Cache-Control-Header konfigurieren.
Cache_control-Header erfüllen denselben Zweck wie Expire-Header, indem sie ein Ablaufdatum für zwischengespeicherte Dateien festlegen.
Der Hauptunterschied zwischen dem Cache-Control-Header und dem Expires-Header besteht darin, dass die Cache-Steuerung detailliertere Optionen bietet, da Sie neben der Ablaufzeit auch zusätzliche Caching-Parameter angeben können. Auch die Cache-Steuerung gilt als moderner.
Verwendung des Nginx-Webservers
Im Gegensatz zu Apache funktioniert der Nginx-Server nicht mit der .htaccess-Datei. Um den Expires-Header festzulegen, können Sie die folgende Codezeile zu Ihrem Serverblock hinzufügen.
Für Content Delivery Network
Wenn Ihre Website ein Content Delivery Network – oder kurz CDN – nutzt, benötigen Sie einen anderen Ansatz zum Festlegen von Ablaufdaten für zwischengespeicherte Dateien. Der Trick besteht darin, Etags von Ihren CDN-Servern zu deaktivieren.
Nutzen Sie WordPress-Caching-Plugins, um Expires-Header hinzuzufügen
Das Ändern von WordPress über die .htaccess-Datei ist nicht immer ratsam, insbesondere wenn Sie keine Erfahrung haben. Fehler bei Ihren Änderungen können Ihre Website möglicherweise beschädigen, was definitiv unerwünscht ist.
Die gute Nachricht ist, dass ein paar WordPress-Plugins diese Aufgabe erfüllen können. Hier sind einige Optionen:
Hebelwirkung Browser Caching
Nutzen Sie Browser-Caching. Dieses Plugin konfiguriert automatisch die Ablauf- und Cache-Kontrollheader für Ihren Webserver. Sie müssen es lediglich installieren und aktivieren. Und es ist kostenlos!
W3 Total Cache
Wenn es um Browser-Caching geht, ist W3 Total Cache ein Plugin, mit dem man für WordPress-Sites rechnen muss. Es verwaltet alles vom Caching bis zur Dateikomprimierung, Verkehrsverwaltung, Website-Sicherheit und vielem mehr. Es ist auch kostenlos.
WP Rocket
Wenn Sie über ein Upgrade auf Premium nachdenken und über das Budget dafür verfügen, ist WP Rocket die empfohlene Wahl. Sie können eine Reihe von Funktionen nutzen, die dieses Plugin bietet. Zu diesen Funktionen gehören Browser-Caching, GZIP-Komprimierung, verzögertes Laden und Ablaufheader für Ihre zwischengespeicherten Dateien.
Und das Schreiben, Kopieren oder Einfügen einer einzigen Codezeile ist nicht erforderlich. Wenn Sie also bereit sind, eine tolle Zeit mit WordPress zu erleben, können Sie das Plugin gerne herunterladen.
Gehen wir zunächst zu GTMetrix – einem Online-Tool zum Testen der Website-Leistung – und analysieren wir die Leistung Ihrer Website.
Wie funktioniert also Browser-Caching?
Wenn ein Webbenutzer die Homepage Ihrer Website zum ersten Mal besucht, initiiert sein Browser eine HTTP-Anfrage an Ihren Webserver. Die Anfrage weist den Server an, die erforderlichen Bilder, JavaScript- und CSS-Dateien sowie andere erforderliche Dateitypen zum Rendern der angeforderten Webseite herunterzuladen.
Da es sich um den ersten Besuch handelt, lädt der Browser alle Ressourcen herunter und speichert sie im Cache. Wie zu erwarten ist, wird der gesamte Anfrage-/Download-Prozess viel Zeit in Anspruch nehmen.
Bei späteren Besuchen ändert sich der Prozess jedoch. Der Browser prüft, ob die angeforderten Webseitendateien zwischengespeichert sind, bevor er einen Download vom Webserver anfordert. Wenn die Dateien zwischengespeichert sind, stellt der Browser sie aus seinem Cache statt vom Webserver bereit.
Dies trägt dazu bei, Ihre WordPress-Website zu beschleunigen, da der Zeitaufwand für das Herunterladen dieser Dateien vom Server entfällt. Darüber hinaus wird die Belastung Ihres Servers erheblich reduziert, was zu einer höheren Effizienz führt.
Abschluss
Die Nutzung von Browser-Caching ist eine Möglichkeit, die Ladegeschwindigkeit Ihrer Website zu optimieren. Um jedoch aussagekräftige Ergebnisse zu sehen, müssen Sie es richtig machen.
In diesem Artikel haben wir gezeigt, wie Sie das Browser-Caching nutzen können, indem Sie „cache_control“ und „expires“-Header auf Ihrem Webserver konfigurieren. Sie haben gelernt, wie Sie dies erreichen, indem Sie Codes kopieren und in die .htaccess-Datei einfügen.
Darüber hinaus haben Sie einige Plugins gesehen, die Sie verwenden können, wenn Sie sich beim Bearbeiten Ihrer .htaccess-Datei unwohl fühlen.
Wir hoffen, dass Sie diesen Artikel hilfreich fanden. Wenn es für Sie nützlich war, denken Sie bitte darüber nach, es zu teilen.
