Wie man die Browser-Caching-Warnung in WordPress behebt

Möchten Sie lernen, wie Sie die Browser-Caching-Warnung in WordPress leicht beheben können?

Durch die Behebung der Leverage-Browser-Caching-Warnung können Sie Ihre WordPress-Website schnell beschleunigen und Ihren Website-Besuchern ein besseres Erlebnis bieten.

In diesem Artikel zeigen wir Ihnen, wie Sie die Leverage-Browser-Caching-Warnung in WordPress leicht beheben können.

Was ist Browser-Caching in WordPress?

Browser-Caching ist eine Möglichkeit, die Ladegeschwindigkeit Ihrer Website zu verbessern. Wenn eine Webseite geladen wird, werden alle Dateien separat geladen.

Dadurch entstehen mehrere Anfragen zwischen dem Browser und Ihrem WordPress-Hosting-Server, was die Ladezeit der Webseite erhöht.

Wenn das Browser-Caching aktiviert ist, speichert Ihr Webbrowser eine Kopie Ihrer Webseite lokal. Dadurch können Browser gängige Dateien wie Stylesheets, Logos, Bilder usw. schneller laden, wenn der Benutzer eine zweite Seite auf Ihrer Website besucht.

Dadurch verringert sich die Gesamtbelastung des Servers, da weniger Anfragen an den eigentlichen Server gestellt werden, und die Leistung Ihrer Website wird dadurch verbessert.

Wo wird die Leverage Browser Caching Warnung für WordPress angezeigt?

Die „Leverage Browser Caching“-Warnung bedeutet, dass Sie das Browser-Caching nicht aktiviert haben, oder dass Ihr Caching falsch eingerichtet ist.

Wenn Sie einen Website-Geschwindigkeitstest durchführen, erhalten Sie einen Bericht, der Ihnen zeigt, was Sie tun können, um WordPress zu beschleunigen.

Wenn Ihre Website derzeit kein Browser-Caching verwendet, erhalten Sie eine Warnung, das Browser-Caching zu aktivieren.

So kann es aussehen, wenn Sie sich die Ergebnisse eines Tools zur Überprüfung der Seitengeschwindigkeit ansehen.

Manchmal erhalten Sie eine Warnung, die besagt, dass Ihre effiziente Cache-Richtlinie nicht funktioniert.

Beide Warnungen beziehen sich auf einen Fehler in der Cache-Einrichtung Ihres Browsers.

Die Nutzung von Browser-Caching bedeutet, dass Sie die Caching-Regeln aktivieren und anpassen, um Ihre Website zu beschleunigen.

Schauen wir uns also an, wie man die Browser-Caching-Warnung in WordPress mit zwei verschiedenen Methoden leicht beheben kann.

Verwenden Sie einfach die unten stehenden Links, um auszuwählen, wie Sie die Leverage-Browser-Caching-Warnung in WordPress beheben möchten.

Methode 1. Leverage Browser Caching Warnung mit WP Rocket WordPress Plugin beheben

WP Rocket ist das beste WordPress-Caching-Plugin auf dem Markt. Es ist sehr einsteigerfreundlich und kann Ihnen helfen, Ihre Website auf Geschwindigkeit zu optimieren, auch ohne komplexe Caching- und Geschwindigkeitsbegriffe zu kennen.

Alle empfohlenen Caching-Einstellungen beschleunigen Ihre WordPress-Website sofort nach dem Auspacken.

Um die Browser-Caching-Warnung mit WP Rocket zu beheben, müssen Sie das Plugin nur installieren und aktivieren.

Das war’s schon.

Weitere Details finden Sie in unserer Anleitung zur richtigen Installation und Einrichtung von WP Rocket in WordPress.

WP Rocket wird automatisch das Browser-Caching aktivieren und Ihre .htaccess-Datei mit den richtigen Regeln anpassen.

Hinweis: Wenn Sie SiteGround Webhosting nutzen, können Sie stattdessen das kostenlose SiteGround Optimizer Plugin verwenden.

Es hat fast die gleichen Funktionen wie WP Rocket und aktiviert automatisch das Browser-Caching für Sie.

Methode 2. Beheben Sie die Browser-Caching-Warnung von Leverage durch Hinzufügen von Code zu WordPress

Die zweite Methode beinhaltet das Hinzufügen von Code zu Ihren WordPress-Dateien. Wenn Sie dies noch nicht getan haben, lesen Sie unsere Anleitung für Anfänger zum Einfügen von Code aus dem Internet in WordPress.

Diese Methode ist nicht so anfängerfreundlich, daher sollten Sie sie nur anwenden, wenn Sie genau wissen, was Sie tun. Den meisten Unternehmern empfehlen wir Methode 1.

Schauen wir uns nun an, wie man die Browser-Caching-Warnung durch Hinzufügen von Code zu WordPress beheben kann.

Hinweis: Bevor Sie Ihren WordPress-Code anpassen, empfehlen wir Ihnen, eine Sicherungskopie Ihrer WordPress-Website zu erstellen. Weitere Einzelheiten finden Sie in unserer Anleitung zum Sichern und Wiederherstellen Ihrer WordPress-Website.

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.

Öffnen Sie dazu Ihre Website in einer neuen Registerkarte oder einem neuen Fenster. Klicken Sie dann mit der rechten Maustaste und wählen Sie die Option „Untersuchen“.

Klicken Sie dann oben auf der Seite auf die Registerkarte „Netzwerk“.

Möglicherweise müssen Sie die Seite aktualisieren, damit die Ergebnisse geladen werden.

Klicken Sie dann in der Spalte „Name“ auf Ihren Domänennamen.

Er sollte sich oben auf der Seite befinden.

Dann sehen Sie im Abschnitt „Response Headers“ ein Element namens „Server“, in dem die Art des Servers angezeigt wird. In diesem Fall läuft die Website auf einem Apache-Server.

Cache-Control- und Expire-Header in Apache hinzufügen

Um die Leverage-Browser-Caching-Warnung mit einem Apache-Server zu beheben, müssen Sie Code zu Ihrer .htaccess-Datei hinzufügen.

Um diese Datei zu bearbeiten, müssen Sie eine Verbindung zu Ihrem WordPress-Hosting-Konto mit einem FTP-Client oder dem Dateimanager Ihres Hosts herstellen.

Nachdem Sie verbunden sind, sehen Sie Ihre .htaccess-Datei im Stammverzeichnis Ihrer Website.

Wenn Sie sie nicht finden können, dann machen Sie sich keine Sorgen. Manchmal kann diese Datei versteckt sein. Weitere Einzelheiten finden Sie in unserem Leitfaden zur Frage , warum Sie die .htaccess-Datei auf Ihrer WordPress-Website nicht finden können.

Als nächstes müssen Sie cache-control und/oder expire-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.

Der cache-control-Header gibt dem Webbrowser spezifische Informationen darüber, wie das Caching durchgeführt werden soll.

Der expires-Header aktiviert die Zwischenspeicherung und teilt dem Webbrowser mit, wie lange er bestimmte Dateien speichern soll, bevor sie gelöscht werden.

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

## EXPIRES HEADER CACHING ##

ExpiresActive Ein
ExpiresByType image/jpg "Zugriff 1 Jahr"
ExpiresByType image/jpeg "Zugriff 1 Jahr"
ExpiresByType image/gif "Zugriff 1 Jahr"
ExpiresByType image/png "Zugriff 1 Jahr"
ExpiresByType image/svg "Zugriff 1 Jahr"
ExpiresByType text/css "Zugriff 1 Monat"
ExpiresByType anwendung/pdf "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 image/x-icon "Zugriff 1 Jahr"
ExpiresDefault "Zugriff 3 Tage"

## EXPIRES HEADER CACHING ##

Dieser Code setzt je nach Dateityp unterschiedliche Cache-Verfallsdaten.

Danach können Sie den folgenden Code hinzufügen, um cache-control zu aktivieren:

    Header set Cache-Control "max-age=96000, public"

Dieser Code legt die Zeit fest, nach der der Cache abläuft. Im obigen Beispiel läuft der Cache in 90.000 Sekunden ab.

Danach wird der Webbrowser neue Versionen der Dateien anfordern.

Hinzufügen von Cache-Control- und Expire-Headern in Nginx

Wenn Sie einen Nginx-Webserver zum Hosten Ihres WordPress-Blogs verwenden, können Sie die Serverkonfigurationsdatei bearbeiten, um den Browser-Caching-Fehler zu beheben.

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 ein, um die Header für das Ablaufdatum hinzuzufügen:

 location ~* .(jpg|jpeg|gif|png|svg)$ {
    läuft 365d ab;
  }

  location ~* .(pdf|css|html|js|swf)$ {
    läuft 3d ab;
  }

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

Danach können Sie den folgenden Code einfügen, um cache-control-Header hinzuzufügen:

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

Mit diesem Code wird der Zeitpunkt festgelegt, zu dem der Cache abläuft. Er teilt Ihrem Server mit, dass sich die oben genannten Dateitypen 14 Tage lang nicht ändern werden.

Wenn Sie WordPress noch mehr beschleunigen möchten, sollten Sie sich unseren Leitfaden zur Steigerung der Geschwindigkeit und Leistung von WordPress ansehen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie die Browser-Caching-Warnung in WordPress beheben können. Vielleicht interessiert Sie auch unsere ultimative Liste der häufigsten WordPress-Fehler und wie man sie behebt, sowie unsere Expertenauswahl der besten SEO-Tools und Plugins, um mehr Traffic zu erhalten.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.