So nutzen Sie das Browser-Caching von WordPress mit oder ohne Plugin [5 Möglichkeiten]

So nutzen Sie das Browser-Caching von WordPress

Website langsam und versuchen, es zu verbessern? Sie haben diese Warnung wahrscheinlich gesehen, sind sich aber nicht sicher, was sie bedeutet oder wie sie behoben werden kann ... aber wir haben Sie abgedeckt. Die Nutzung des Browser-Caching ist eine Möglichkeit, Ihre Website schneller zu machen, den Browser jedoch anzuweisen, Dateien für einige Zeit zu speichern oder "zwischenzuspeichern", damit sie bei einem späteren Besuch nicht erneut heruntergeladen werden müssen. Das ist alles, was kurz gesagt bedeutet. 

Aber bleiben Sie und lesen Sie alles darüber, wie Sie sicherstellen können, dass Ihre Website schneller wird, indem Sie diesen Fehler oder diese Warnung beheben.

Wenn Sie das Browser-Caching nutzen möchten, müssen Sie im Wesentlichen angeben, wie lange Webbrowser Bilder, CSS- und Javascript-Dateien lokal im Client-Browser speichern sollen. Mit diesen Spezifikationen und Einstellungen verwendet der Browser des Benutzers weniger Daten beim Durchsuchen Ihrer Website-Seiten (da weniger Dateien heruntergeladen werden müssen). Um das Browser-Caching zu nutzen, bedeutet WordPress eine Verbesserung der Ladegeschwindigkeit Ihrer Website.

Wenn Sie wenig Zeit haben, ist dies der einfachste Weg, um das Browser-Caching von WordPress zu nutzen:

So beheben Sie das Leverage von Browser-Caching WordPress-Warnung

  1. Laden Sie das Plugin herunter, das Sie finden können Erfahren Sie hier mehr über die CSPG-Geothermie-Abteilung.
  2. Gehen Sie zum Dashboard Ihres WordPress und besuchen Sie: Dashboard> Plugins> Neu hinzufügen
  3. Suchen Sie nach "Browser-Caching nutzen" oder klicken Sie auf Plugin hochladen, wählen Sie die heruntergeladene Datei aus und klicken Sie auf Jetzt installieren
  4. Aktivieren Sie das Plugin
  5. Testen Sie Ihre Website erneut, um sicherzustellen, dass die neuen Einstellungen ordnungsgemäß funktionieren und die Warnung nicht mehr angezeigt wird

Wenn Sie diese minimalen Änderungen implementieren, werden Sie feststellen, dass sich Ihre Punktzahl auf Websites wie GTMetrix, Pingdom Tools oder Pagespeed Insights erheblich erhöht.

In der Tat ist dies eine der einfachsten Möglichkeiten, Ihre WordPress-Website schneller zu machen.

Es erfordert von Ihrer Seite nur sehr wenig Aufwand und ist eine der Aufgaben mit hoher Priorität, die von empfohlen werden Google damit Ihre Website schneller geladen wird. Es wird auch von Websites wie GTMetrix oder Google Pagespeed Insights empfohlen, um das Laden zu beschleunigen. 

Was ist Browser-Caching?

Sie können das Browser-Caching nutzen, indem Sie ein langes Ablaufdatum für den statischen Inhalt Ihrer Website festlegen. Auf diese Weise können Browser das Caching "nutzen" und diese Dateien immer wieder verwenden, ohne sie herunterladen zu müssen. Durch das Zwischenspeichern dieser Dateien müssen sie nicht erneut heruntergeladen werden, damit Ihre Website schneller geladen werden kann.

Wenn Sie dies lieber als Video ansehen möchten, haben wir diesen Artikel kürzlich als YouTube-Video hochgeladen. Schauen Sie sich das unten an:

BBp1yKrUcTA

Bevor wir Ihnen tatsächlich zeigen, wie Sie dies implementieren, werden wir zunächst diskutieren, was die Hebelwirkung des Browser-Caching in WordPress bedeutet und wie es funktioniert!

Sobald wir erklären, wie es funktioniert, können Sie verstehen, wie es hilft Lassen Sie Ihre Seiten schneller laden

Wenn jemand eine Seite besucht, muss der Browser im Wesentlichen alle Ressourcenserver in dieser Domäne vom Server herunterladen. Dazu gehören HTML, CSS-Datei, JS, Text, Bilder und andere Elemente, um die aktuelle Seite zu laden und anzuzeigen.

Anstatt jetzt jedes Mal, wenn Sie eine andere Seite auf derselben Site besuchen, alles immer wieder herunterzuladen, verwendet der Browser einen sogenannten Web-Cache. Dies ist eine Funktion, die von Browsern verwendet wird, um Webseiten-Assets vorübergehend im lokalen Speicher des Geräts zu speichern oder zwischenzuspeichern. Dieser Speicher oder diese Daten heißen ' Web-Cache' oder 'HTTP-Cache'.

Schauen Sie sich dieses unterhaltsame Diagramm an, in dem erklärt wird, wie das Web-Caching funktioniert:

Web-Cache-Diagramm

Wir können oben sehen, dass das erste Mal, wenn das Benutzergerät (links) den Server (rechts) nach der Bild- / Logo-Datei fragt, die Anforderung vom Web-Caching-Mechanismus abgefangen wird (der prüft, ob eine Kopie dieser Datei vorhanden ist). Wenn dies nicht der Fall ist, wird es vom Server abgerufen. Beim nächsten Besuch wird es nicht zum Server, sondern von einer eigenen Kopie abgerufen.

Das Schöne an dieser Funktion ist, dass der Browser beim erneuten Besuch derselben Site oder einer anderen Seite in derselben Domain die Kopie verwendet, die sich derzeit im temporären Cache befindet, anstatt alle Ressourcen herunterladen zu müssen erneut. Der Browser lädt nur etwas herunter, das anders ist.

Da viele Websites nur minimale Änderungen von einer Seite zur anderen und zwischen den Besuchen aufweisen, konnte die Seite durch die Wiederverwendung der Caching-Kopie viel schneller geladen werden.

Dies trägt auch dazu bei, den Bandbreitenverbrauch Ihres Webservers zu verringern und die Belastung des Servers zu verringern. Möglicherweise ist beim Optimieren Ihrer Seiten auf Geschwindigkeit auch eine Warnung aufgetreten.

Pagespeed-Warnung zum Nutzen des Browser-Caching

Websites wie GTMetrix oder Pagespeed Insights können Folgendes anzeigen Nutzen Sie das Browser-Caching Warnung, die Sie beheben müssen, wenn Sie die folgenden Einstellungen nicht aktiviert haben.

Warnung bei Google Pagespeed Insights

Dies war jedoch die Warnung, die in einer älteren Version von Pagespeed Insights angezeigt wurde. Die neuere Warnung sieht ungefähr so ​​aus:

 

Stellen Sie statische Assets mit einer effizienten Cache-Richtlinie bereit

 

Stellen Sie statische Assets mit einer effizienten Cache-Richtlinie bereit

Was bedeutet das eigentlich?

Obwohl die oben beschriebene Funktion theoretisch großartig ist, "markieren" die meisten Websites standardmäßig den Inhalt, der nach 8 Tagen oder einer kurzen Zeitspanne abläuft. Dies bedeutet, dass ein Benutzer, der Ihre Domain nach 1 Woche erneut besucht, die Ressourcen erneut herunterladen muss.

Wenn wir eine Methode zur Nutzung des Browser-Caching einrichten, weisen wir den Browser tatsächlich an, die Lebensdauer oder das Ablaufdatum der von unseren Besuchern heruntergeladenen Ressourcen zu verlängern und folglich die Leistung zu optimieren.

Indem Sie die Lebensdauer des Caches verlängern (oder wie lange es dauert, bis eine Datei alt wird), stellen Sie sicher, dass Ihre Besucher nicht bei jedem Besuch Ihrer Website warten müssen, um dieselben Dinge herunterzuladen.

Dies erfordert nur sehr geringe Änderungen und ist nicht sehr kompliziert zu implementieren - und die genaue Syntax finden Sie unten.

Was die Änderung tatsächlich bewirkt, ist das Festlegen des Ablaufdatums für Inhalte durch Hinzufügen Cache-Control-Header und ETag-Header in HTTP-Headern. Der Cache-Control-Header deklariert den Caching-Zeitraum einer bestimmten Datei oder eines bestimmten Dateityps. Das ETag wird dann verwendet, um alle Änderungen zu überprüfen, die zwischen den zwischengespeicherten und angeforderten Ressourcen bestehen (oder nicht).

Mit dieser Einstellung können Sie normalerweise den Zeitraum in Tagen, Monaten oder Jahren angeben, in dem die Caching-Dateien lokal gespeichert werden sollen. Wenn Sie damit rechnen, die Ressourcen von Zeit zu Zeit zu ändern, ist es natürlich ratsam, Ablaufdaten mit einer Häufigkeit festzulegen, die in etwa dem Zeitraum entspricht, in dem Sie diese voraussichtlich ändern werden. 

Übrigens, wenn Sie Ihr WordPress schnell machen möchten, gibt es ein paar Plugins wie dieses hier Dies kann in wenigen Minuten einen echten Leistungsunterschied bewirken (mit wenig bis gar keinem Aufwand). 

300x250Orange

Sie sind noch nicht bereit, ein Plugin zu verwenden? Weiter lesen...

Wenn Sie daran interessiert sind, Ihre Website schneller zu gestalten, empfehlen wir Ihnen dringend, unseren Artikel zu besuchen: [25 Aktionen] Beschleunigen Sie WordPress: Holen Sie sich noch heute eine superschnelle Website - eine vollständige Anleitung.

1. Verwenden der .htaccess-Datei

Hier sind die genauen Anweisungen, die Sie ausführen müssen:

  1. Greifen Sie auf das CPanel Ihres Hosting-Kontos zu
  2. Gehen Sie zum Stammordner der Website
  3. Öffnen Sie die .htaccess-Datei mit Ihrem Datei-Editor. Wenn Sie die Datei nicht finden, prüfen Sie, ob Sie versteckte Dateien anzeigen können (die .htaccess-Datei ist standardmäßig ausgeblendet).
  4. Fügen Sie die folgenden Änderungen am Ende der Datei hinzu
  5. Fügen Sie Ablaufköpfe mit langen Ablaufzeiten hinzu
  6. Fügen Sie Cache-Control-Header hinzu
  7. ETag-Header deaktivieren
  8. Nehmen Sie keine weiteren Änderungen vor
  9. Speicher die Datei
  10. Führen Sie den Test erneut aus

Um die Ablaufzeit von Ressourcen wie Bildern und CSS-Dateien festzulegen, müssen Sie Ihre .htaccess-Datei geringfügig ändern. Dies befindet sich im Stammverzeichnis Ihres Hosting-Servers. Sie können die Werte für abgelaufene Header ändern, um die Leistung zu steigern. 

Stellen Sie diese Werte so lange ein, wie es für Ihre Site sinnvoll ist - 1 Monat ist normalerweise gut genug.

#Customize läuft nach dem Start des Caching ab - passen Sie den Zeitraum an Ihre Bedürfnisse an FileETag MTime Größe AddOutputFilterByType DEFLATE Text / Klartext / HTML-Text / XML-Text / CSS-Anwendung / XML-Anwendung / XML-Anwendung / XML-Anwendung / RSS + XML-Anwendung / Javascript-Anwendung / X-Javascript ExpiresActive On ExpiresByType Text / HTML "Zugriff 600 Sekunden" ExpiresByType application / xhtml + xml "Zugriff 600 Sekunden" ExpiresByType-Text / CSS "Zugriff 1 Monat" ExpiresByType-Text / Javascript "Zugriff 1 Monat" ExpiresByType-Text / x-Javascript "Zugriff 1 Monat" ExpiresByType-Anwendung / Javascript "Zugriff 1 Monat" ExpiresByType-Anwendung / x-Javascript "Zugriff 1 Monat" ExpiresByType-Anwendung / x-Shockwave-Flash "Zugriff 1 Monat" ExpiresByType-Anwendung / PDF "Zugriff 1 Monat" ExpiresByType-Bild / x-Symbol "Zugriff 1 Jahr" ExpiresByType-Bild / JPG "Zugriff 1 Jahr "ExpiresByType image / jpeg" Zugriff 1 Jahr "ExpiresByType image / png" Zugriff 1 Jahr "ExpiresByType image / gif" Zugriff 1 Jahr "ExpiresDefault" Zugriff 1 Monat "
# Läuft das Caching-Ende ab

Denken Sie, dass Sie diese Änderungen nicht gerne selbst vornehmen?

Fiverr

Wenn Sie sich bei einer solchen Änderung nicht sicher sind, können Sie sich für einen günstigen Auftritt bei Fiverr entscheiden. 

Finde Top Gigs zur Optimierung der Website-Geschwindigkeit auf Fiverr

Mit den oben genannten Änderungen setzen wir Assets, die schnell aktualisiert werden, wie z. B. den HTML-Code Ihrer Seite, so, dass er nach 600 Sekunden abläuft (dies liegt daran, dass sich HTML normalerweise häufiger ändert). Wir ändern auch Dinge wie CSS und Javascript so, dass sie nur einmal im Monat ablaufen (solche Dateien ändern sich nur, wenn Sie Änderungen an Ihrer Vorlage oder Ihren Plugins vornehmen).

Dies bedeutet, dass Ihr Besucher, wenn er die Seite innerhalb eines Monats erneut besucht, Ihre CSS- und JS-Assets nicht erneut herunterladen muss. Wenn Sie wissen, dass Sie diese Art von Änderungen auf Ihrer Site selten vornehmen, können Sie den Wert höher als 1 Jahr festlegen, ähnlich wie beim JPEG. Der PNG-Header läuft ab.

Dies ist der effektivste Weg, um das Browser-Caching für WordPress oder andere Websites zu nutzen, die eine .htaccess-Datei verwenden.

Änderungen an der htaccess-Datei

Stellen Sie die Bilddateien auf eine lange Ablaufzeit ein

Wie Sie auch in unserem obigen Beispiel sehen können, laufen unsere Bilder nur einmal im Jahr ab. Manchmal ist dies zu lang, sodass ein Monat in der Regel auch gut genug ist. Man muss herausfinden, was für Ihre Website Sinn macht.

Dadurch wird sichergestellt, dass die größten Medien, deren Download am meisten Zeit in Anspruch nimmt, auf dem Computer der Besucher gespeichert werden und erst im nächsten Jahr erneut heruntergeladen werden müssen. Aufgrund dieser Änderung in Ihrer .htaccess-Datei verwenden Sie das Hebel-Browser-Caching in WordPress korrekt - die Bilder werden ein Jahr lang nicht erneut heruntergeladen.

Dies macht die Erfahrung eines wiederkehrenden Kunden viel positiver - da das Laden jeder Seite weniger Zeit in Anspruch nimmt. Die zwischengespeicherten Dateien werden jetzt wiederverwendet.

Nachdem Sie die Ablaufdaten festgelegt haben, ist es wichtig, auch die richtigen Cache-Control-Header festzulegen, damit die obige Einstellung tatsächlich korrekt funktioniert. Dies ist eine weitere Einstellung in der .htaccess-Datei, die Sie unten finden.

Fügen Sie Cache-Control-Header hinzu

Die folgende Einstellung sollte ebenfalls zur Datei hinzugefügt werden, um die Cache-Steuerungsheader wie oben beschrieben festzulegen.

# BEGIN Cache-Control-Header
Header anhängen Cache-Control "public" Header anhängen Cache-Control "public" Header anhängen Cache-Control "privat" Header anhängen Cache-Control "privat, muss erneut validiert werden"

Wir haben die Ablaufdaten bereits festgelegt, sodass wir sie hier nicht erneut festlegen müssen.

Deaktivieren Sie ETag-Header für Multi-Server-Sites oder CDNs

Als letztes müssen wir die Etags-Einstellung (un) setzen.

Im Wesentlichen ist dies nur wichtig wenn Sie ein CDN verwenden um einige Ihrer Ressourcen zu bedienen. Etags sind Header, die normalerweise mithilfe von Attributen erstellt werden, die sie für jeden bestimmten Computer, auf dem sich eine Site befindet, eindeutig machen (technischer Grund - es wird ein vom Server generierter MD5 verwendet, der für den Server, der ihn generiert, eindeutig ist).

Wenn eine Website ein CDN oder mehrere Server verwendet, um ihre Seiten bereitzustellen, gibt es KEINE Garantie dafür, dass derselbe Server verwendet wird. Daher stimmen die Tags nicht überein, wenn ein Browser die Originalkomponente von einem Server erhält und später versucht, diese Komponente zu validieren auf einem anderen Server.

Aus diesem Grund sollten Sie sie am besten deaktivieren, wenn Sie mehrere Server oder ein CDN zum Hosten Ihrer Website verwenden. Auf diese Weise können die Cache-Steuerungsheader das Caching und nicht die ETags steuern. Da wir Einstellungen vorgenommen haben, um das Caching über die Cache-Control-Header zu steuern, sind die ETags nicht mehr erforderlich - wir werden sie also ausschalten.

Fügen Sie dies Ihrer .htaccess-Datei hinzu, um sie zu deaktivieren.

# Disable ETags
<IfModule mod_headers.c>
	Header unset ETag
</IfModule>
FileETag None

Wenn Sie mehr darüber erfahren möchten, was die Etags tun, finden Sie weitere Details und lesen Sie in diesem Artikel darüber: https://en.wikipedia.org/wiki/HTTP_ETag

2. Plugins verwenden

Das Optimieren und Herumspielen mit der .htaccess-Datei kann Ihre Site tatsächlich beschädigen. Wenn Sie einen kleinen Fehler machen, kann Ihr Webserver ihn nicht analysieren und beginnt zu werfen Leerseitenoder werfen Fehler 500 und die Seite wird tot sein!

Wenn Sie dies ablehnen, können Sie ein einfaches Plugin installieren, das sich um all dies kümmert. 

Natürlich gibt es viele andere Plugins, die dies tun können. Die meisten Plugins, die Ihre Seiten beschleunigen sollen, nehmen die meisten dieser Einstellungen im Hintergrund vor. 

Neben der Verwaltung aller Einstellungen zur Nutzung des Browser-Caching von WordPress können diese im Wesentlichen eine Reihe weiterer Caching-Optimierungen durchführen, z. B. das Erstellen temporärer Kopien (Datei-Caching), Datenbankoptimierungen, Memcache und andere Optimierungen, die Ihre Site insgesamt beschleunigen .

Dazu gehören Plugins wie WPRocketWP Schnellste Cacheund W3 Total Cache und Premium Caching Plugins. 

Sehen wir uns einige dieser Plugins an.

Plugin von Rinku Yadav

Browser-Caching-Plugin

Dies ist die einfachste von allen. Sie behebt lediglich das Hebel-Browser-Caching in WordPress.

  1. Laden Sie das Plugin herunter, das Sie finden können Erfahren Sie hier mehr über die CSPG-Geothermie-Abteilung..
  2. Gehen Sie zum Dashboard Ihres WordPress und besuchen Sie: Dashboard> Plugins> Neu hinzufügen.
  3. Suchen Sie nach "Browser-Caching nutzen" oder klicken Sie auf "Plugin hochladen" und suchen Sie die gerade heruntergeladene Datei.
  4. Klicken Sie auf Jetzt installieren.
  5. Aktiviere das Plugin und du bist fertig!
  6. Sie sollten Ihre Website jetzt erneut testen, um sicherzustellen, dass die neuen Einstellungen ordnungsgemäß funktionieren und die Warnung nicht mehr angezeigt wird.

Wenn Sie nach einem Produkt suchen, das viel mehr dazu beiträgt, Ihre Website schneller zu machen, empfehlen wir Ihnen dringend, sich die restlichen Plugins anzusehen, die wir unten erwähnen.

300x250Orange

WP Rakete

Dies ist eines der schnellsten und am meisten empfohlenen Plugins für WordPress, mit dem Sie alle Ihre Geschwindigkeitsoptimierungen mit wenigen Klicks durchführen können. Dies führt im Wesentlichen solche Geschwindigkeitsoptimierungen durch wie

  • Komprimierung statischer Dateien (GZip) - um die Gesamtgröße der zu liefernden Daten zu verkleinern (wir haben ein vollständiges Tutorial dazu Hier erfahren Sie, wie Sie die GZip-Komprimierung in WordPress aktivieren)
  • ermöglicht a Datei-Cache (einschließlich Cache-Vorladen) - um den Server weniger zu belasten (Abrufen einer vorgerenderten Kopie jeder Seite)
  • Google Fonts-Optimierung - um sicherzustellen, dass schwerere Schriftarten schnell geladen werden),
  • faul laden - so dass Bilder nur geladen werden, wenn der Benutzer zu dem Abschnitt einer Seite blättert, in dem das Bild benötigt wird
  • Minimierung und Kombination - Verkleinern und Kombinieren von Textelementen, um sie dem Endbenutzer schneller zur Verfügung zu stellen
  • JS-Laden verschieben - so dass die Seite schnell gerendert wird, anstatt auf das Herunterladen aller Assets zu warten. Dies haben wir auf CollectiveRay behandelt.
  • Integriert und aktiviert ein CDN - so dass Ihre schwereren Medien schneller geliefert werden 
  • DNS-Prefetching - um die Zeit zu verkürzen, die zum Auflösen der Quelle von Inhalten von Drittanbietern erforderlich ist

All das mag für jeden, der nicht an Infrastrukturoptimierungen beteiligt ist, wie Kauderwelsch klingen, aber in Wirklichkeit sind es diese Alles, was Sie tun müssen, damit Ihre Website schneller geladen wird.

Das Tolle ist, dass Sie mit WP Rocket nicht das schwere Heben und die Konfiguration durchführen müssen - alles ist für Sie erledigt! Wir empfehlen dringend, dieses Plugin auszuprobieren, das als der beste Weg eingestuft wurde, um Ihre Website schneller zu machen.

Besuchen Sie WP Rocket Now  

W3 Total Cache

Dies ist einer der die meisten beliebte Caching-Plugins aller Zeiten. Es gibt es schon ziemlich lange und es hat viel Zeit gehabt, sehr schön zu reifen, um die meisten Funktionen einzubetten, die man von einem Caching-Plugin erwarten würde.

Das Problem ist das. Ich selbst, jemand, der sich schon sehr lange mit WordPress und Webdesign beschäftigt, und es ist eine so frustrierende Erfahrung, damit zu arbeiten. Das Plugin ist nicht einfach einzurichten und man muss es wirklich verstehen und gut kennen, um es gut zum Laufen zu bringen.

Wenn Sie nach einer guten Möglichkeit suchen, das Browsing-Caching in WordPress mithilfe eines Plugins zu nutzen, empfehlen wir WPRocket oben im Gegensatz zu W3Total Cache.

3. Nutzen Sie das Browser-Caching in Nginx

Wenn Ihre Website tatsächlich Nginx als Server verwendet, benötigen Sie einen anderen Code, da Nginx keine .htaccess-Datei hat. Es ist jedoch immer noch relativ einfach, dies zu implementieren, da Sie nur einige Änderungen in der conf-Datei des Servers vornehmen müssen.

Sie müssen den folgenden Code in einen vorhandenen Serverblock in Ihrer conf-Datei einfügen. Dies wird in der Regel in sein /etc/nginx/sites-enabled/default

Server {Listen 80; Servername localhost; Speicherort / {root / usr / share / nginx / html; index index.html index.htm; } location ~ * \. (jpg | jpeg | png | gif | ico | css | js) $ {läuft 365d ab; } location ~ * \. (pdf) $ {läuft 30d ab; }}

Fügen Sie Cache-Control-Header für Nginx hinzu

 

Speicherort ~ * \. (jpg | jpeg | png | gif | ico | css | js) $ {läuft 90d ab; add_header Cache-Control "public, no-transform"; }}

 

Wie Sie dem obigen Code entnehmen können, setzen wir den Ablaufort für Bilddateien auf 1 Jahr oder 365 Tage, während wir festlegen, dass PDFs nach 30 Tagen ablaufen. Sie können weitere Dateierweiterungen hinzufügen, um den Ablauf anzupassen und ihn für andere Dateitypen zu unterscheiden.

Alle hinzugefügten Dateitypen werden entsprechend zwischengespeichert. 

Nginx-Webregeln

4. Zwischenspeichern von Ressourcen von Drittanbietern

Obwohl es ziemlich einfach ist, die oben genannte Einstellung anzuwenden, werden Sie feststellen, dass Sie diese Meldung auch nach Durchführung der oben genannten Änderungen in den Tools zum Testen der Website-Geschwindigkeit und in Google Pagespeed Insights erhalten.

Externe Ressourcen zwischenspeichern

Dies liegt daran, dass die meisten Skripte und Dienste von Drittanbietern aus verschiedenen Gründen keine lange Ablaufzeit angeben.

Sie haben leider keine Kontrolle über diese Skripte, daher empfehlen wir Ihnen dringend, die MINIMUM-Skripte von Drittanbietern zu verwenden, die möglich sind. Wenn Sie ohne das Skript leben können, entfernen Sie es von Ihrer Website. Wenn Sie es einschließen, wird die Ladezeit Ihrer Seiten nach unten gezogen.

5. Geben Sie einen Cache-Validator an

Dies ist eine weitere Warnung, die häufig von GTMetrix angezeigt wird und normalerweise aus Skripten von Drittanbietern stammt. Im Wesentlichen ist dies das gleiche Problem, das wir gerade im vorherigen Abschnitt beschrieben haben, in dem bestimmte Skripte weder einen ETag-Header noch einen Last-Modified-Header wie beschrieben angeben.

Leider können Sie nicht viel tun, um dieses Problem zu beheben, wenn diese spezifischen Fehler von Domänen stammen, die außerhalb Ihrer Kontrolle liegen, wie z. B. Facebook, oder im Fall des folgenden Bilds Sumo. Sie können also nichts beheben .

In diesem Fall besteht Ihre einzige Lösung darin, diese Skripte vollständig aus Ihrer Domain zu entfernen, wenn Sie sicherstellen möchten, dass diese Warnung nicht angezeigt wird.

Geben Sie einen Cache-Validator an

Häufig gestellte Fragen

Wie lösen Sie das Browser-Caching?

Der einfachste Weg, das Browser-Caching zu nutzen, besteht darin, ein Plugin zu installieren, mit dem Sie die Caching-Lebensdauer verschiedener Arten statischer Inhalte festlegen können. Eine alternative, aber einfache Methode besteht darin, die Caching-Zeit in der .htaccess-Datei Ihrer Website anzugeben. Hier finden Sie detaillierte Anweisungen dazu.

Wie aktiviere ich den Cache in WordPress?

Um den Cache in WordPress zu aktivieren, können Sie einfach ein Plugin installieren, das mehrere Cache-Ebenen aktiviert, darunter einen Cache auf Serverebene, einen Cache auf Seitenebene und einen Cache auf Browserebene. Unser empfohlenes Plugin ist WP-Rocket. Es gibt jedoch mehrere alternative Optionen, die wir in diesem Artikel erwähnen und die das Laden Ihrer Website beschleunigen.

Wie nutze ich das Browser-Caching für Skripte von Drittanbietern?

Sie können den Browser-Caching-Wert für Skripts von Drittanbietern wie Facebook oder Google Analytics nicht ändern, da diese auf Serverebene festgelegt sind und Sie keine Kontrolle darüber haben. In diesem Fall ist es am besten, so wenige dieser Skripte wie möglich zu verwenden

Fazit

Oben haben wir Ihnen eine Reihe von Implementierungsmöglichkeiten gezeigt, um sicherzustellen, dass Sie das Browser-Caching nutzen und sicherstellen können, dass heruntergeladene Inhalte immer wieder verwendet werden. Stellen Sie sicher, dass Sie dies auf Ihrer Site implementiert haben, damit der Fehler nicht in Tools angezeigt wird, die die Geschwindigkeitsmetriken Ihrer Site analysieren. 

Wenn Sie der Meinung sind, dass dies etwas über Ihre eigenen Fähigkeiten hinausgeht, empfehlen wir Ihnen, dieses Zeug in den Händen der PROs zu lassen und ein Plugin wie WP Rocket zu installieren, um sicherzustellen, dass Sie den maximalen Nutzen daraus ziehen und viele andere Aktionen ausführen können Website schneller laden.

Besuchen Sie WP Rocket, um Ihre Website noch heute schneller zu gestalten

Über den Autor
David Attard
Autor: David AttardWebsite: https://www.linkedin.com/in/dattard/
David arbeitet seit 18 Jahren in oder um die Online- / Digitalbranche. Er verfügt über umfangreiche Erfahrung in der Software- und Webdesignbranche mit WordPress, Joomla und den sie umgebenden Nischen. Als digitaler Berater konzentriert er sich darauf, Unternehmen durch die Kombination ihrer Website und der heute verfügbaren digitalen Plattformen einen Wettbewerbsvorteil zu verschaffen.

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Sie können uns eine lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!

Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.

Autor (en) Empfohlen am:  Inc Magazin Logo   Sitepoint-Logo   CSS Tricks Logo    webdesignerdepot logo   WPMU DEV Logo   und viele mehr ...