Expires Headers WordPress hinzufügen [2024] 💥

Aktualisiert: 3. Dezember 2024 | vom: Martijn Assie, erstellt seit 20 Jahren Websites und Shops, dazu Experte für Linux, Wordpress, Photoshop und SEO. | EN NL

Erfahren Sie, wie Sie Expires-Header zu WordPress hinzufügen. Expires-Header ermöglichen es Webbrowsern, zu bestimmen, ob Webseiten, wie z. B. Bilder, aus dem Browser-Cache des Besuchers geladen werden. Oder von Ihrem Server. Diese Header können die Leistung Ihrer Website verbessern. In diesem Artikel zeigen wir dir, wie du Expires-Header zu WordPress hinzufügst.

Anzeige

Wie verwendet Wordpress Expires-Header?

Jede Datei wird einzeln geladen, wenn jemand Ihre WordPress-Website zum ersten Mal besucht. Die Ladegeschwindigkeit der Webseite wird durch all diese Anfragen des Browsers an Ihren WordPress-Hosting-Server erhöht. Browser-Caching speichert einige oder alle dieser Dateien auf dem Computer des Besuchers. Dies bedeutet, dass Besucher die Dateien von ihrem Computer laden können, was die WordPress-Leistung erhöht. Sie fragen sich jetzt vielleicht: "Wie entscheiden Browser, welche Dateien wie lange gespeichert werden?" Nun, hier finden die Expires-Header ihre Verwendung.

Sie können die Regeln festlegen, welche Dateien Sie wie lange speichern möchten. In diesem Artikel konzentrieren wir uns auf abgelaufene Header, da sie für die meisten Benutzer einfacher einzurichten sind. Die Expires-Header definieren ein Ablaufdatum für jeden Dateityp im Browser-Cache. Um den Besuchern die aktuellste Version der Seite zur Verfügung zu stellen, werden die Dateien nach diesem Datum von Ihrem Server neu geladen. Dieser Artikel zeigt Ihnen zwei Möglichkeiten zum Hinzufügen von Ablauf-Headern. Für die meisten Benutzer ist die erste Methode einfacher und bequemer.

1. Verwendung des Cache-Plugins WP-Rocket

WP-Rocket ist der benutzerfreundlichste WordPress-Caching-Plug auf dem Markt. Es funktioniert sofort, um Ihre Website zu beschleunigen, ohne dass komplizierte Einstellungen wie bei anderen Caching-Plugins konfiguriert werden müssen. WP Rocket ist ein Premium-Plugin. Alle Funktionen sind jedoch im niedrigsten Plan enthalten.

Installieren und aktivieren Sie zunächst WP Rocket. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins. WP Rocket aktiviert das Browser-Caching automatisch, sobald es installiert und aktiviert ist. Es fügt automatisch Cache-Control-Header und Expire-Header hinzu, um die Geschwindigkeit deiner WordPress-Site zu optimieren. Das ist alles.

Wir empfehlen W3 Total Cache, wenn Sie lieber a Caching-Plugin zum Hinzufügen von abgelaufenen Überschriften zu Ihrer Website. W3 Total Cache hat einige der gleichen Funktionen wie WP Rocket, ist aber nicht so benutzerfreundlich. Da W3 Total Cache nicht automatisch abgelaufene Header aktiviert, müssen Sie sie manuell aktivieren.

2. Expires-Header in WordPress mit einem Code hinzufügen

Sie können Ihren WordPress-Dateien Code hinzufügen, um abgelaufene Header hinzuzufügen. Dies wird Anfängern nicht empfohlen, da ein Fehler im Code schwerwiegende Fehler verursachen und sogar Ihre Website beschädigen kann. Wir empfehlen Ihnen, Ihre WordPress-Site zu sichern, bevor Sie Änderungen vornehmen. Unsere Anleitung zum Sichern und Wiederherstellen der WordPress-Site bietet weitere Informationen. Sehen wir uns nun das Hinzufügen von Expires-Headern zu WordPress an.

Überprüfen Sie, ob auf Ihrer Website Apache oder Nginx ausgeführt wird (A/B)

Stellen Sie zunächst fest, ob Ihre Website Apache- oder Nginx-Server verwendet. Dies geschieht, indem Sie SSH oder Putty auf Ihrem Server öffnen und dann diesen Befehl ausführen. Wenn Sie nicht wissen, wie das geht, fragen Sie einfach die Leute, die Ihren Server betreiben, was verwendet wird, Apache oder Nginx . Änderungen sind immer am höchsten, wenn Apache verwendet wird, es sei denn, Sie haben ein teures verwaltetes Wordpress-Hosting wie die WP Engine.

httpd -v

Erwarten Sie ein Ergebnis wie dieses:

Server version: Apache/***

Führen Sie auch diesen Befehl aus:

Nginx -v

Erwarten Sie ein Ergebnis wie dieses:

Nginx version: nginx/1.14.0 (Ubuntu)

A. Expires-Header in Apache hinzufügen

Sie müssen den Code zu Ihrer .htaccess-Datei hinzufügen, um Expires-Header für einen Apache-Server hinzuzufügen. Sie benötigen einen FTP-Client, um diese Datei zu bearbeiten. Ihre .htaccess-Datei befindet sich im Stammverzeichnis Ihrer Website.

Um abgelaufene Header hinzuzufügen, können Sie Ihrer .htaccess-Datei den folgenden Code hinzufügen:

## EXPIRES HEADER CACHING ##

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 3 days"

## EXPIRES HEADER CACHING ##

B. Hinzufügen von Expires-Headern in Nginx

Sie müssen die Serverkonfigurationsdatei ändern, um Expires-Header hinzuzufügen, wenn Sie Nginx zum Hosten Ihres WordPress-Blogs verwenden. Die Art und Weise, wie Sie auf diese Datei zugreifen und sie bearbeiten, hängt vom Host ab. Bei Fragen können Sie sich an Ihren Hosting-Provider wenden. Um Ablauf-Header hinzuzufügen, fügen Sie den folgenden Code hinzu:

location ~* \.(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}
  
location ~* \.(pdf|css|html|js|swf)$ {
  expires 3d;
}

Dieser Code bestimmt die Ablaufzeiten der verschiedenen Dateitypen. Sie werden feststellen, dass Bilder länger im Cache gespeichert werden als HTML, CSS und JS. Dies liegt daran, dass Bilder dazu neigen, gleich zu bleiben.

Anzeige