Caching von Websiteseiten mit .htaccess - Cache

drucken · Время на чтение: 9мин · von · Veröffentlicht · Aktualisiert

reproduzierenArtikel anhören

Caching von statischen Dateien und Seiten.

Caching von Seiten mit .htaccess. Eine ebenso wichtige Phase der technischen Optimierung, wie Aktivieren Sie die gzip-Komprimierung oder CSS-Minifizierung. Durch Aktivieren von Cache-Seiten und -Dateien können Sie die Geschwindigkeit der Website erheblich erhöhen. Und auch mal die Belastung des Servers reduzieren. Dank einfacher Manipulationen beginnt Ihre Website zu fliegen.

In diesem Artikel werden wir über alle Aspekte dieses Themas sprechen. Welche Bedeutung hat der Cache für die Site und ihre Anwendung? Ich werde Beispiele beschreiben, die Sie in der Praxis anwenden können. Außerdem wird es einen kurzen Überblick über einige ziemlich gute Cache-Plugins für WordPress geben.

Was ist ein Site-Cache – wie wirkt sich das Caching auf eine Site aus?

Einfach gesagt Caching - Dies speichert Informationen über die Website vom Benutzer im Browser. Dadurch wird die Hauptlast auf dem Server reduziert. Ein wesentlicher Teil der Website muss nicht geladen werden, da der gespeicherte Teil vom Browser des Benutzers geladen wird. Dies ist eine äußerst effektive Methode, um das Laden der Website zu beschleunigen.

Cache oder Cache oder Cache ist eine Zwischenablage mit schnellem Zugriff. Aufbewahrung und Aufnahme von Informationen, die häufig angefordert werden. Der Zugriff auf Daten im Cache ist schneller als von langsameren Speicherquellen. Aber es gibt eine Speichergrenze. Im Klartext ist Cache ein kurzer Speicher.

Gleichzeitig schadet das Caching dem Benutzer nicht. Aber es verbessert die Anzeige Ihres Projekts in seinem Browser. Wie kommt es dazu! Wenn der Benutzer die Website besucht. Das Laden ist etwas langsamer als es sein sollte. Dies liegt daran, dass der Browser in diesem Moment eine Kopie der Website speichert. In größerem Umfang gilt dies für:

  1. zu Logos;
  2. kleine Bilder;
  3. CSS-Dateien;
  4. allgemeine Seitenstruktur.

Somit befindet sich ein Teil der Website ständig im Speicher (Cache) des Browsers des Benutzers. Dadurch erhält der Besucher beim Neuladen der Seite die höchstmögliche Reaktionsgeschwindigkeit. Der Browser entlädt in diesem Moment einige der Elemente aus seinem Speicher. Und die Website, es besteht keine Notwendigkeit, eine große Menge an Informationen erneut zu übertragen.

Wenn für die Site der Cache aktiviert und konfiguriert ist. Ein bestimmter Teil davon wird für den erforderlichen Zeitraum im lokalen Cache des Browsers des Besuchers gespeichert. Welche Webseiten werden bei wiederholten Besuchen viel schneller geladen.

So aktivieren und konfigurieren Sie das Site-Caching

Es ist überhaupt nicht schwierig, dies zu tun. Wir werden weiterhin mit der htaccess-Datei arbeiten, die die Regeln für den Server festlegt. Wie man damit arbeitet, habe ich in vielen Artikeln beschrieben. Also komme ich gleich zur Sache. Laut Standard wird das Caching für die notwendigen Dateien und für einen bestimmten Zeitraum eingestellt. Nach Ablauf der für die Speicherung der Datei vorgesehenen Zeit wird ihre aktuelle Version erneut vom Server heruntergeladen. Dazu benötigen Sie:

  • Erstellen Sie ein Konstrukt vom Typ FilesMatch. Darin geben wir die notwendigen Dateierweiterungen für das Caching an.
  • Als nächstes spezifizieren wir den Cache-Control-Header mit der max-age-Variablen. Hier ist Cache-Control der Antwortheader des Servers. Max-age ist eine Variable, die die Dateispeicherzeit in Sekunden angibt.

Eine typische Liste von Erweiterungen, die im FilesMatch-Konstrukt verwendet werden:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

Die Dateien, die Sie nicht zwischenspeichern möchten, müssen nicht in die Liste des FilesMatch-Konstrukts aufgenommen werden.

Codebeispiel Header-Set Cache-Control

# Cache-Steuerung

# 30 Tage

Header-Set Cache-Control „max-age=2592000, public“

# 30 Tage

Header-Set Cache-Control „max-age=2592000, public“

# 2 Tage

Header-Set Cache-Control „max-age=172800, public, must-revalidate“

Wert -#- Kommentar! Wie Sie sehen können, geben die Kommentare die Bedingungen an, für die die Dateien gespeichert werden. Es gibt auch eine Option, um den erzwungenen Cache zu deaktivieren. Diese Option eignet sich für dynamische Dateien. Mehr im Zusammenhang mit Skripten und verschiedenen Szenarien.

Ein Beispiel für das Konstrukt „FilesMatch“, das das erzwungene Caching deaktiviert


Header nicht gesetzt Cache-Control

Wie Sie sehen können, gibt es keine Fristen. Daher werden diese Dateierweiterungen nicht zwischengespeichert. In diesem Design können Sie Ihre Dateierweiterungen hinzufügen.

Es gibt auch eine andere Möglichkeit, den Cache zu verwalten – der von vielen Plugins in WordPrees verwendet wird. In dieser Methode verwenden wir das Modul mod_expires. Dieses Modul hat die Fähigkeit, HTTP-Antwortheader auf der Serverseite zu steuern. Hier kann die Hauptzeit für das Speichern von Daten im Cache von Ihnen eingestellt werden.

Es hat mehrere Einstellungen für die Dauer der Datenspeicherung:

  1. nach Client-Zugriffszeit;
  2. oder durch die letzte Änderung der Datei;
  3. Zeiteinstellung;

Einfaches Cache-Code-Beispiel

# Expires Headers - 2678400s = 31 Tage

Läuft aktiv am ab
ExpiresDefault „Zugriff plus 1 Sekunde“
ExpiresByType text/html „Zugriff plus 7200 Sekunden“
ExpiresByType image/gif „Zugriff plus 2678400 Sekunden“
ExpiresByType image/jpeg „Zugriff plus 2678400 Sekunden“
ExpiresByType image/png „Zugriff plus 2678400 Sekunden“
ExpiresByType text/css "Zugriff plus 518400 Sekunden"
ExpiresByType Text/Javascript „Zugriff plus 2678400 Sekunden“
ExpiresByType application/x-javascript „Zugriff plus 2678400 Sekunden“

Ein ernsthafterer Anwendungsfall für Cache

Läuft aktiv am ab
ExpiresByType text/css A31536000
ExpiresByType Text/x-Komponente A31536000
ExpiresByType application/x-javascript A31536000
ExpiresByType-Anwendung/Javascript A31536000
ExpiresByType Text/Javascript A31536000
ExpiresByType text/x-js A31536000
ExpiresByType text/html A3600
ExpiresByType Text/Richtext A3600
ExpiresByType image/svg+xml A3600
ExpiresByType text/plain A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType video/asf A31536000
ExpiresByType video/avi A31536000
ExpiresByType image/bmp A31536000
ExpiresByType-Anwendung/Java A31536000
ExpiresByType video/divx A31536000
ExpiresByType application/msword A31536000
ExpiresByType application/vnd.ms-fontobject A31536000
ExpiresByType application/x-msdownload A31536000
ExpiresByType Bild/GIF A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType Bild/x-Symbol A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType image/webp A31536000
ExpiresByType application/json A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType Audio/Midi A31536000
ExpiresByType Video/Quicktime A31536000
ExpiresByType audio/mpeg A31536000
ExpiresByType video/mp4 A31536000
ExpiresByType Video/mpeg A31536000
ExpiresByType-Anwendung/vnd.ms-Projekt A31536000
ExpiresByType application/x-font-otf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
ExpiresByType-Anwendung/pdf A31536000
ExpiresByType image/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType image/svg+xml A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType application/x-tar A31536000
ExpiresByType image/tiff A31536000
ExpiresByType application/x-font-ttf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType audio/wav A31536000
ExpiresByType audio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType application/font-woff A31536000
ExpiresByType application/font-woff2 A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType application/zip A31536000

Wie wir sehen können, sind hier eine Vielzahl von Erweiterungen betroffen. Bei gleicher Haltbarkeit.

Caching im Browser auf Nutzerseite für 3 - 7 Tage oder für ein Jahr

Hier wird der Großteil der Dateiendungen ein Jahr lang gespeichert. In größerem Umfang ist dies für Bilder nützlich, da ich denke, dass nur wenige Leute sie ändern. So werden sie im Laufe des Jahres in den Browser des Besuchers geladen.

# benutzerseitiges Browser-Caching

Läuft aktiv am ab
ExpiresDefault „Zugriff 7 Tage“
ExpiresByType-Anwendung/Javascript „Zugriff plus 1 Jahr“
ExpiresByType Text/Javascript „Zugriff plus 1 Jahr“
ExpiresByType text/css „Zugriff plus 1 Jahr“
ExpiresByType text/html „Zugriff plus 7 Tage“
ExpiresByType Text/x-Javascript „Zugriff 1 Jahr“
ExpiresByType Bild/Gif „Zugriff plus 1 Jahr“
ExpiresByType Bild/jpeg „Zugriff plus 1 Jahr“
ExpiresByType image/png „Zugriff plus 1 Jahr“
ExpiresByType image/jpg „Zugriff plus 1 Jahr“
ExpiresByType Bild/x-Symbol „Zugriff 1 Jahr“
ExpiresByType application/x-shockwave-flash „Zugriff 1 Jahr“
ExpiresByType js „Zugriff 3 Tage“

Inhalts-Caching (Flash, CSS, JS, HTML, XML) und Bilder

In diesem Beispiel verwenden wir den Cache nur für bestimmte Dateien. Und für einen kürzeren Zeitraum.

Läuft aktiv am ab
# Bild-Cache
ExpiresByType Bild/x-Symbol „Zugriff plus 2592000 Sekunden“
ExpiresByType image/jpeg „Zugriff plus 2592000 Sekunden“
ExpiresByType image/png „Zugriff plus 2592000 Sekunden“
ExpiresByType image/gif „Zugriff plus 2592000 Sekunden“
# Inhaltscache (Flash, CSS, JS, HTML, XML)
ExpiresByType application/x-shockwave-flash „Zugriff plus 2592000 Sekunden“
ExpiresByType text/css „Zugriff plus 604800 Sekunden“
ExpiresByType Text/Javascript „Zugriff plus 2592000 Sekunden“
ExpiresByType Anwendung/Javascript „Zugriff plus 2592000 Sekunden“
ExpiresByType application/x-javascript „Zugriff plus 2592000 Sekunden“
ExpiresByType text/html „Zugriff plus 600 Sekunden“
ExpiresByType application/xhtml+xml „Zugriff plus 600 Sekunden“

Das Einrichten des Cachings von Seiten und Site-Dateien ist nicht so schwierig. Die Hauptsache ist, die richtige Strategie zu wählen. Alle oben genannten Beispiele können Sie nach eigenem Ermessen verwenden. Testen Sie die Strategien und wählen Sie die richtige Code-Option. Im Folgenden werde ich über einige Cache-Plugins für WordPress sprechen.

Caching mit WordPress-Plugins einrichten

Für diejenigen, die das CMS verwenden, hat WordPress eine große Auswahl an Cache-Plugins. Alle von ihnen haben eine voll funktionsfähige Lösung und automatische Konfiguration. Bei der Verwendung solcher Plugins sollte es keine besonderen Probleme geben. Nach der Installation eines solchen Plugins müssen Sie nur noch die erforderlichen Einstellungen vornehmen. Das Plugin speichert sie automatisch in der htaccess-Datei.

WP Schnellster Cache

WP Fastest Cache Premium Schnellstes Cache-Plugin.

Ein beliebtes und ziemlich leistungsfähiges Caching-Plugin für WP. Es hat eine Vielzahl von Einstellungen, einschließlich HTML-Optimierung, CSS und Js. Sogar ein unerfahrener Benutzer kann es herausfinden.

WP-SuperCache

WP Super Cache ist ein Plugin zur Beschleunigung des Seitenladens.

Sehr beliebtes Plugin! Hervorragende Funktionalität und bequeme Einstellungen. Kann eine große Anzahl verschiedener Objekte zwischenspeichern. Die Einrichtung des Plugins ist sehr einfach.

W3 Gesamtcache

Das beste WordPress-Caching-Plugin ist W3 Total Cache.

Leistungsstarke Lösung für große Websites. Das beliebteste Plugin seiner Art. Es gibt eine Vielzahl von Einstellungen und Funktionen. Sie müssen es mit Sorgfalt konfigurieren, da es kritische Fehler verursachen kann. Es besteht die Möglichkeit von Konflikten mit anderen Plugins oder Themes. Aber in Bezug auf die Funktionalität ein sehr gutes und leistungsstarkes Plugin.

Dies sind die wichtigsten und beliebtesten Cache-Plugins, die ich selbst verwendet habe. Sie können je nach Ihren Vorlieben auswählen.

Abschließend

In diesem Artikel habe ich versucht, das Thema Caching so weit wie möglich zu behandeln. Angabe von Beispielen, die je nach Ihren Eigenschaften verwendet werden können. Das Einrichten von Caching mit dieser Anleitung wird für Sie wie am Schnürchen funktionieren. Ich hoffe, dass dieser Artikel noch lange relevant sein wird. Ich danke Ihnen für Ihre Aufmerksamkeit, aber ich verabschiede mich nicht. Wir sehen uns in den nächsten Artikeln.

Vielen Dank für das Lesen von Nicola Top

Wie nützlich ist der Beitrag?

Zum Bewerten auf den Smiley klicken!

durchschnittliche Bewertung 4.9 / 5. Anzahl Bewertungen: 25

Es liegen noch keine Bewertungen vor. Bewerten Sie zuerst.

Das könnte dich auch interessieren …

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

11 − zehn =