Wie man Expires Header in WordPress hinzufügt (2 Methoden)

Expires Header sind Regeln, die Webbrowsern mitteilen, ob sie eine Webseitenressource wie Bilder aus dem Browser-Cache des Besuchers oder von Ihrem Server laden sollen. Sie können dazu beitragen, die Leistung Ihrer Website zu verbessern.

In diesem Artikel zeigen wir Ihnen zwei Möglichkeiten zum Hinzufügen von Expires Headern in WordPress.

Wie werden Expires Header in WordPress verwendet?

Wenn jemand das erste Mal eine Webseite auf Ihrer WordPress-Site besucht, werden alle Dateien nacheinander geladen. All diese Anfragen zwischen dem Browser und Ihrem WordPress-Hosting-Server verlängern die Ladezeit der Webseite.

DasBrowser-Caching speichert einige oder alle dieser Dateien auf dem Computer des Besuchers. Das bedeutet, dass die Dateien beim nächsten Besuch der Seite von ihrem eigenen Computer geladen werden können, was die Leistung von WordPress erhöht.

Nun fragen Sie sich vielleicht, woher die Browser wissen, welche Dateien sie speichern sollen und wie lange sie sie aufbewahren sollen

Hier kommen die Expires Header ins Spiel.

Die Regeln, welche Dateien wie lange gespeichert werden sollen, werden entweder über expires Header oder cache-control-Header festgelegt. In diesem Artikel werden wir uns auf expires Header konzentrieren, da sie für die meisten Benutzer einfacher einzurichten sind.

Expires Header legen ein Verfallsdatum für jeden Dateityp fest, der im Browser-Cache gespeichert wird. Nach diesem Datum werden die Dateien von Ihrem Server neu geladen, um den Besuchern die aktuellste Version der Seite zu bieten.

Wir zeigen Ihnen, wie Sie Expires Header mit zwei verschiedenen Methoden hinzufügen können. Die erste Methode ist einfacher und wird für die meisten Benutzer empfohlen. Sie können auf die Links unten klicken, um zum gewünschten Abschnitt zu springen:

Methode 1: Expires Header mit WP Rocket WordPress Plugin hinzufügen

WP Rocket ist das einsteigerfreundlichste WordPress-Caching-Plugin auf dem Markt. Sobald es aktiviert ist, arbeitet es sofort und beschleunigt Ihre Website, ohne dass Sie sich wie bei vielen anderen Caching-Plugins mit komplizierten Konfigurationseinstellungen herumschlagen müssen.

WP Rocket ist ein Premium-Plugin, aber der beste Teil ist, dass alle Funktionen in ihrem niedrigsten Plan enthalten sind.

Als Erstes müssen Sie das WP Rocket-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Sobald das Plugin installiert und aktiviert ist, schaltet WP Rocket automatisch das Browser-Caching ein. Standardmäßig fügt es expires Header und cache-control-Header mit den besten Einstellungen hinzu, um Ihre WordPress-Website zu beschleunigen.

Das ist alles, was Sie tun müssen. Wenn Sie mehr über das Plugin erfahren möchten, lesen Sie unsere Anleitung zur richtigen Installation und Einrichtung von WP Rocket in WordPress.

Wenn Sie lieber ein kostenloses Caching-Plugin verwenden möchten, um Ihrer Website ablaufende Header hinzuzufügen, dann empfehlen wir Ihnen W3 Total Cache.

W3 Total Cache bietet einige der gleichen Funktionen wie WP Rocket, ist aber nicht so anfängerfreundlich. Sie müssen die Expires Header manuell aktivieren, da sie nicht automatisch aktiviert werden.

Methode 2: Expires Header in WordPress mit Code hinzufügen

Die zweite Methode zum Hinzufügen von Expires Headern in WordPress beinhaltet das Hinzufügen von Code zu Ihren WordPress-Dateien. Wir raten Anfängern von dieser Methode ab, da ein Fehler im Code zu schwerwiegenden Fehlern führen und Ihre Website zerstören könnte.

Bevor Sie diese Änderungen vornehmen, empfehlen wir Ihnen, zunächst ein Backup Ihrer WordPress-Website zu erstellen. Weitere Informationen finden Sie in unserem Leitfaden zur Sicherung und Wiederherstellung Ihrer WordPress-Website.

Werfen wir nun einen Blick darauf, wie man Kopfzeilen mit Ablaufdatum durch Hinzufügen von Code zu WordPress hinzufügt.

Bestimmen Sie, ob Ihre Website mit Apache oder Nginx betrieben wird

Zunächst müssen Sie herausfinden, ob Ihre Website Apache- oder Nginx-Server verwendet. Rufen Sie dazu Ihre Website auf, klicken Sie mit der rechten Maustaste auf die Seite und wählen Sie dann die Option „Inspect“.

Als Nächstes müssen Sie auf die Registerkarte „Netzwerk“ oben auf der Seite klicken. Möglicherweise müssen Sie die Seite aktualisieren, damit die Ergebnisse geladen werden.

Danach können Sie oben in der Spalte „Name“ auf Ihren Domänennamen klicken. Scrollen Sie dann nach unten zum Abschnitt „Antwort-Header“ und suchen Sie nach einem Eintrag namens „Server“.

Dies zeigt Ihnen, welcher Webserver verwendet wird. In diesem Fall läuft die Website auf einem Nginx-Server.

Da Sie nun wissen, welchen Webserver Ihre Website verwendet, können Sie über die Links unten weiterspringen:

Hinzufügen von Expires Headern in Apache

Um Expires Header zu einem Apache-Server hinzuzufügen, müssen Sie Code in Ihre .htaccess-Datei einfügen.

Um diese Datei zu bearbeiten, müssen Sie sich mit einem FTP-Client oder dem Dateimanager-Tool Ihres Hosts mit Ihrem WordPress-Hosting-Konto verbinden. Sie finden Ihre .htaccess-Datei im Stammverzeichnis Ihrer Website.

Manchmal kann die .htaccess-Datei versteckt sein. Wenn Sie Hilfe brauchen, um sie zu finden, lesen Sie unsere Anleitung, warum Sie die .htaccess-Datei auf Ihrer WordPress-Website nicht finden können.

Als Nächstes müssen Sie expires Header hinzufügen, um das Browser-Caching zu aktivieren. Damit wird dem Webbrowser mitgeteilt, wie lange er die Ressourcen Ihrer Website speichern soll, bevor sie gelöscht werden.

Sie können den folgenden Code am Anfang Ihrer .htaccess-Datei einfügen, um expire-Header hinzuzufügen:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Diese Werte sollten für die meisten Websites ausreichen, aber Sie können die Zeiträume anpassen, wenn Ihre Bedürfnisse anders sind.

Beachten Sie, dass der Code je nach Dateityp unterschiedliche Cache-Ablaufdaten festlegt. Bilder werden länger zwischengespeichert als HTML, CSS, Javascript und andere Dateitypen, da sie in der Regel gleich bleiben.

So fügen Sie Expires Header in Nginx hinzu

Wenn Sie einen Nginx-Server zum Hosten Ihres WordPress-Blogs verwenden, müssen Sie die Serverkonfigurationsdatei bearbeiten, um Expires Header hinzuzufügen.

Wie Sie diese Datei bearbeiten und darauf zugreifen, hängt von Ihrem Hoster ab. Sie können sich also an Ihren Hoster wenden, wenn Sie Hilfe beim Zugriff auf die Datei benötigen.

Fügen Sie dann den folgenden Code hinzu, um expires Header hinzuzufügen:

location ~*  .(jpg|jpeg|gif|png|svg)$ {
		expires 365d;
	}

	location ~*  .(pdf|css|html|js|swf)$ {
		expires 2d;
	}

Mit diesem Code werden die Verfallszeiten für die verschiedenen Dateitypen festgelegt. Beachten Sie noch einmal, dass Bilder länger zwischengespeichert werden als HTML, CSS, JS und andere Dateitypen, da Bilder in der Regel gleich bleiben.

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, zu lernen, wie man in WordPress Header mit Ablaufzeiten hinzufügt.