Hinzufügen von Expires-Headern im Ocean WP WordPress-Theme

Hinzufügen von Expires-Headern im Ocean WP-WordPress-Theme Das Ocean WP-WordPress-Theme ist eine gute Wahl für diejenigen, die ein schnelles, leichtes und anpassbares Theme suchen. Eines der Hauptmerkmale, das Ocean WP so schnell macht, ist die Verwendung von Expires-Headern. Expires-Header teilen dem Browser mit, wie lange eine bestimmte Datei in seinem Cache aufbewahrt werden soll. Wenn eine Datei zwischengespeichert wird, muss der Browser sie nicht jedes Mal vom Server herunterladen, wenn sie benötigt wird, was die Ladezeiten von Seiten verkürzen kann. Ocean WP fügt allen statischen Dateien wie Bildern, CSS- und JavaScript-Dateien automatisch Expires-Header hinzu. Wenn Sie ein Caching-Plug-in wie W3 Total Cache oder WP Super Cache verwenden, können Sie Ihren dynamischen Dateien wie HTML- und PHP-Dateien auch Expires-Header hinzufügen. Das Hinzufügen von abgelaufenen Headern ist eine einfache Möglichkeit, Ihre Website zu beschleunigen. Wenn Sie Ocean WP verwenden, müssen Sie nichts tun, da das Thema dies für Sie erledigt. Wenn Sie jedoch ein Caching-Plugin verwenden, müssen Sie Ihrer .htaccess-Datei einige Codezeilen hinzufügen. Bevor Sie Änderungen an Ihrer .htaccess-Datei vornehmen, erstellen Sie immer ein Backup. Auf diese Weise können Sie die Datei aus Ihrer Sicherung wiederherstellen, wenn etwas schief geht. Um Expires-Header mit einem Caching-Plugin hinzuzufügen, müssen Sie Ihrer .htaccess-Datei den folgenden Code hinzufügen: # BEGIN Expire-Header ExpiresActive On ExpiresDefault „Zugriff plus 1 Jahr“ # END Expire-Header Dieser Code weist den Server an, Expires-Header hinzuzufügen zu allen Dateien. Der Teil „Zugriff plus 1 Jahr“ weist den Browser an, die Dateien ein Jahr lang in seinem Cache zu behalten. Sie können das 1-Jahr in einen beliebigen anderen Zeitraum ändern. Wenn Sie beispielsweise möchten, dass die Dateien für 6 Monate zwischengespeichert werden, würden Sie den Code in „Zugriff plus 6 Monate“ ändern. Sobald Sie den Code zu Ihrer .htaccess-Datei hinzugefügt haben, speichern Sie die Datei und laden Sie sie auf Ihren Server hoch. Das ist alles dazu! Ihre Website sollte jetzt schneller als je zuvor geladen werden.

Ihre Ergebnisse werden von den Ergebnissen der Leistungsempfehlungen von YSlow beeinflusst, was bedeutet, dass Sie in Tools wie GTmetrix schlecht abschneiden. Indem Sie Ablaufzeiten in Ihre HTTP-Header aufnehmen, können Sie die Ladegeschwindigkeit Ihrer Website optimieren, indem Sie Browser-Caching verwenden. In diesem Artikel gehen wir darauf ein, wie sich abgelaufene Header auf Ihre Website auswirken und was sie bewirken. Eine Möglichkeit, das Browser-Caching auf WordPress zu reduzieren, ist die Verwendung des Expires-Headers. Es ist auch möglich, die Cache-Steuerung als Backup zu verwenden. Wenn Sie beide verwenden, stellen Sie sicher, dass Sie in beiden den gleichen Zeitwert eingestellt haben. Sie können die.htaccess-Datei des Apache-Webservers verwenden, um Ablauf-Header-Informationen hinzuzufügen.

Sie können Expires-Header auf dem Nginx-Webserver Ihres Hosts steuern, indem Sie die Konfigurationsdatei bearbeiten. Es ist möglich, die Ablaufzeiten für verschiedene Dateitypen anzupassen. Wenn Ihr Host das Caching noch nicht für Sie implementiert hat, besteht die Lösung darin, ein Caching-Plugin zu verwenden. Wenn Sie die HTTP-Header auf abgelaufene Header testen möchten, können Sie in Terminal eine Curl-Anfrage an ein statisches Asset auf Ihrer Website senden und diese direkt untersuchen. Sie können Ihre Website über ein beliebiges Geschwindigkeitstest-Tool (z. B. GTmetrix) ausführen und prüfen, ob die Meldung Header hinzufügen immer noch angezeigt wird. Ein gültiger Expire-Header ermöglicht es Ihnen, das Verhalten Ihres Browsers beim Durchsuchen verschiedener Dateitypen auf einer WordPress-Site zu steuern. Wenn Sie keine abgelaufenen Header verwenden, verringern einige Geschwindigkeitstest-Tools die Punktzahl Ihrer Website. Dies kann durch die Verwendung des kostenlosen Plugins Optimize My Google Fonts (OMGF) auf WordPress.org erreicht werden. Sie können dasselbe tun, wenn Sie gleichzeitig Ablauf und Cache-Steuerung verwenden möchten.

Soll ich abgelaufene Header hinzufügen?

Trotzdem bieten Expires-Header weiterhin alles, was die meisten Websites benötigen, was sie zu einer ausgezeichneten Wahl für das Browser-Caching macht. Obwohl die Cache -Control-Header normalerweise in den meisten Fällen priorisiert werden, können Sie auch beide verwenden. Wenn Sie beide verwenden, stellen Sie sicher, dass die Zeiteinstellungen für beide gleich sind.

In den letzten Monaten wurden viele Artikel über die Vorteile des Setzens von Expires-Headern geschrieben, um das Browser-Caching im Lichte der Ankündigung von Google über die Auswirkungen der Website-Geschwindigkeit auf das Suchranking zu steuern. Die Expires-Header in Browsern zeigen an, ob eine Ressource auf einer Website von der Quelle angefordert werden muss oder ob sie aus dem Cache des Browsers abgerufen werden kann. Es ist wichtig, abgelaufene Header so zu konfigurieren, dass sie keine unnötigen Anfragen erhalten. Woher wissen Sie, wenn eine Anfrage unangemessen ist? Bevor Sie abgelaufene Header implementieren, sollten Sie die folgenden Faktoren berücksichtigen. Welche Ressource ist in Ihrem täglichen Leben, von der Sie erwarten, dass sie aktualisiert wird? Handelt es sich bei der Website um eine E-Commerce-Website?

Wenn Kopfzeilen mit Ablaufdatum leer bleiben, können E-Commerce-Websites in ernsthafte Schwierigkeiten geraten. Sie können Fingerabdrücke verwenden, um das Ablaufdatum einer Ressource zu ermitteln, wenn sie sich häufiger geändert hat. Jeder Standort hat unterschiedliche Bedürfnisse, Anforderungen und gewünschte Funktionen. Tatsächlich ist Cache-Speicherung nicht für jede Ressource auf einer Site erforderlich. Konzentrieren Sie sich auf die Ressourcen, die zu langsamen Websites beitragen, wie Bilder und Skripte.

So fügen Sie Ihrer Website einen Expires-Header hinzu

Als Expires-Header können Sie Ihrer .htaccess-Datei die folgende Zeile hinzufügen:
Das Angebot läuft am Montag, den 16. September 2020 um 23:59 Uhr ab. Eine weitere Möglichkeit besteht darin, ein Plugin wie WP Super Cache zu verwenden, um einen Expires-Header hinzuzufügen.

Was sind Expire-Header?

Ein Expires-Header ist ein HTTP-Header, der angibt, ob eine zwischengespeicherte Anforderung empfangen werden kann oder ob Sie auf einen Server zugreifen müssen, weil die Seitenoption im Cache veraltet ist. Dieser Header enthält das Datum und die Uhrzeit der Seite zu dem Zeitpunkt, zu dem sie im Browser-Cache verfügbar ist.

Im Jahr 2010 begann Google, Seiten basierend auf ihrer Geschwindigkeit zu ranken. Neben der Ladegeschwindigkeit ist die mobile Seitenladegeschwindigkeit in den letzten Jahren zu einem wichtigen Faktor geworden. In einer Google-Studie ist die Wahrscheinlichkeit, dass ein Nutzer eine Seite nach 5 Sekunden Wartezeit verlässt, dreimal höher als die Wahrscheinlichkeit, dass ein Nutzer eine Seite nach 3 Sekunden Wartezeit verlässt. Wenn Ihre Seiten und Inhaltselemente häufig aktualisiert werden oder in naher Zukunft aktualisiert werden, können Sie mithilfe eines Expires-Headers ein Ablaufdatum angeben. Ablaufende Tags sind besonders wichtig, da sie verwendet werden können, um die Zeitspanne zu begrenzen, die Bilder in einem Cache gespeichert werden können. Da Caching die Download-Geschwindigkeit einzelner Seiten beeinträchtigen kann, wird der gelegentliche Einsatz dieser Technologie empfohlen. Sobald die Informationen auf Ihrer Filmfestival-Website verfügbar sind, werden sie auch in Zukunft relevant bleiben.

Die Expires-Header können für eine Seite mit Tickets, einem Programm, Teilnehmern usw. verwendet werden, und das Intervall muss bis zum entsprechenden Datum festgelegt werden. Nachdem der Benutzer die Website besucht, wird der Inhalt automatisch aus dem Cache des Benutzers geladen, solange das Enddatum für den Inhalt mit dem Enddatum der Website verknüpft ist. Die Verwendung von Expires-Headern kann nicht nur aus SEO-Zwecken, sondern auch aus UX-Gründen von Vorteil sein. Die Konfiguration mit dem Plugin kann einfacher sein, aber das manuelle Ändern von Expires-Header-Variationen kann zeitaufwändiger sein. Wenn der Inhalt nicht dynamisch ist, lohnt sich auch ein extra HTML-Header nicht.

Http Expiration Heade

Wenn der Cache eines Objekts durch einen Proxy oder Gateway erweitert wird, verwendet er den HTTP-Expires-Header , um zu bestimmen, wie lange ein Objekt aktiv bleibt. Der Header ist auf GMT eingestellt und in zwei Teile geteilt: das Datum und die Uhrzeit. Jede der vier Ziffern stellt das Jahr, den Monat, den Tag und die Stunde als Dezimalzahl dar. Die Zeit, die die Stunde im Dezimalformat darstellt, wird durch zwei Ziffern dargestellt.

So fügen Sie Expires-Header in WordPress hinzu

Das Hinzufügen von Expires-Headern zu Ihrer WordPress-Site ist eine großartige Möglichkeit, die Leistung Ihrer Site zu verbessern und die Belastung Ihres Servers zu reduzieren. Es gibt verschiedene Möglichkeiten, dies zu tun, aber wir empfehlen die Verwendung des Plugins WP HTTP Headers. Dieses Plugin fügt Ihrer Website automatisch die erforderlichen Header hinzu.

Der Cache einer Website ist stark mit den Session-Ende-Headern verknüpft. Sie verwenden die Cache-Schaltfläche , um sich die Dateien zu merken, die zum Laden Ihrer Seite bei früheren Anfragen in Ihrem Browser verwendet wurden. Der Expires-Header kann verwendet werden, um die Anzahl der HTTP-Anfragen an den Server zu reduzieren, was zu schnelleren Ladezeiten führt.

Expires-Header hinzufügen Nginx

Das Hinzufügen von Expires-Headern zu nginx ist eine Möglichkeit, den Webserver anzuweisen, bestimmte Dateitypen für einen festgelegten Zeitraum zwischenzuspeichern. Dies kann dazu beitragen, die Leistung der Website zu verbessern, da der Webserver diese Dateien nicht jedes Mal vom Ursprungsserver abrufen muss, wenn ein Benutzer sie anfordert. Um Expires-Header zu nginx hinzuzufügen, müssen Sie die Konfigurationsdatei des Servers bearbeiten.

Geben Sie einen Header in Ihre Nginx-Konfiguration ein. Die Anzeige eines Browsers zeigt an, ob eine Datei vom Server geholt werden muss oder ob sie mithilfe des Arbeitsspeichers oder der Festplatte neu geladen werden kann. Der erste Besuch der Seite hat keinen Einfluss auf diese Header. Eine nachfolgende Seite kann dank dieser Methode somit in kürzerer Zeit gerendert werden, obwohl der Browser des Benutzers immer noch zahlreiche HTTP-Anfragen stellen muss. Die neuesten Linux-Server können mit dem Befehl „ngxinit“ neu gestartet werden. Normalerweise gibt es im Ordner /etc/nginx einen Ordner mit dem Namen /etc/nginx/sites-enabled. Wie ich in meinem Beispiel angegeben habe, bearbeite ich /://www.example.com/cache-control.max-age=900, um sicherzustellen, dass alle Bilder für einen bestimmten Zeitraum zwischengespeichert werden. Da sich Bilder in der Cache-Periode selten ändern, möchten Sie sie möglicherweise noch länger festlegen, z. B. sechs Monate oder ein Jahr, wenn Sie möchten.

Was ist Header in Nginx hinzufügen?

Sie können die Nginx-Direktive add_header verwenden, um einen beliebigen Antwortheader und -wert für alle Antwortcodes anzugeben, die 200, 201, 204, 206, 301, 302, 303, 304 oder 307 entsprechen. Dies kann mit nginx definiert werden.

So fügen Sie den Referrer-Policy-Header in Nginx hinzu

Bitte fügen Sie den Header Referrer-Policy in Ihre Standardkonfigurationsdatei für nginx ein, indem Sie die folgende Zeile in der Standardkonfigurationsdatei Ihres nginx-Webservers verwenden: *br>. Folgende Felder müssen ausgefüllt werden: add_header Referrer Policy: Herkunftsbeschränkung.
Starten Sie danach den Nginx-Dienst neu, um die Änderungen zu übernehmen.
starten Sie den nginx-Dienst neu

Siteground Expires-Header hinzufügen

Wenn Sie Ihrer Website abgelaufene Header hinzufügen möchten, können Sie dies tun, indem Sie zu Ihrem SiteGround-Konto und dann zum Abschnitt „Tools“ gehen. Von dort aus finden Sie das Tool „Expire Headers“. Mit diesem Tool können Sie Ihrer Website abgelaufene Header hinzufügen und steuern, wie lange sie aktiv sind.

Siteground: Ein langjähriger Anbieter mit einer Vielzahl von Funktionen, aber die Geschwindigkeit der Website ist ein Problem

SiteGround gibt es schon seit geraumer Zeit und es ist einer der größten Webhosting-Anbieter der Branche. Neben einer breiten Palette von Hosting-Plänen bieten sie eine breite Palette von Tools und Funktionen. Zu den Schwächen von GroundGround gehört einer der wichtigsten Aspekte der Website-Geschwindigkeit. Für Benutzer ist bekannt, dass SiteGround Probleme mit der Geschwindigkeit seiner Website hat, was ziemlich frustrierend sein kann. Das CDN von SiteGround verwendet nur 14 PoPs, was bedeutet, dass es nicht mit der Leistung neuerer CDNs konkurrieren kann. Darüber hinaus hat SiteGround eine Erfolgsbilanz von langsamen TTFBs, was die Sache noch schlimmer macht. Infolgedessen ist das CDN von SiteGround wahrscheinlich träge, selbst wenn es gut funktioniert. Verkehrsmanagement ist ein wichtiges Thema für SiteGround. Sie haben mehrere Möglichkeiten, dieses Problem zu lösen. Der erste Schritt besteht darin, mit dem Optimierer von SiteGround zu arbeiten. Obwohl es nützlich ist, kann Ihre Website noch lange dauern. Sie können die Probleme, die Ihre Website verlangsamen, auch manuell beheben, indem Sie die zweite Option verwenden. Dazu können beispielsweise die Speed-Tools von SiteGround verwendet werden, oder Sie können eine htaccess-Datei verwenden. Nachdem Sie die notwendigen Änderungen vorgenommen haben, müssen Sie den dynamischen Cache erneut löschen unter Website-Tools – Geschwindigkeit – Caching – Dynamischer Cache. Prüfen Sie, ob Ihr Cache betriebsbereit ist.