So beheben Sie die Warnung zur Browser-Caching-Nutzung in WordPress ganz einfach

Wenn Sie Ihre WordPress-Site jemals mit einem Geschwindigkeitstest-Tool überprüft haben, sind Sie wahrscheinlich schon einmal auf die Warnung „Browser-Caching nutzen“ gestoßen. Wir aktivieren Browser-Caching auf allen unseren Websites, um eine optimale WordPress-Leistung als wichtigen Teil unseres Optimierungsprozesses sicherzustellen.

Browser-Caching mag technisch klingen, aber das Konzept ist einfach: Es weist die Browser der Besucher an, bestimmte Dateien lokal zu speichern, damit sie diese bei zukünftigen Besuchen nicht erneut herunterladen müssen. Dies kann Ihre Seitenladezeiten halbieren, was zu zufriedeneren Besuchern und besseren Suchmaschinenrankings führt.

Sie müssen kein Entwickler sein, um diese Warnung zu beheben. Wir zeigen Ihnen mehrere einfache Methoden, um Browser-Caching auf Ihrer WordPress-Website zu aktivieren, von einfachen Plugin-Lösungen bis hin zu manuellen Code-Anpassungen. Am Ende dieser Anleitung haben Sie eine schnellere Website und eine Warnung weniger, um die Sie sich Sorgen machen müssen.

Was ist Browser-Caching in WordPress?

Browser-Caching ist eine Möglichkeit, die Ladegeschwindigkeit Ihrer WordPress-Website zu verbessern.

Normalerweise werden beim Laden einer Webseite alle Dateien separat geladen. Dies erzeugt mehrere Anfragen zwischen dem Browser und Ihrem WordPress-Hosting-Server, was die Ladezeit der Webseite erhöht.

Wenn Browser-Caching aktiviert ist, speichert Ihr Webbrowser eine Kopie Ihrer Webseite lokal. Dies ermöglicht es Browsern, gängige Dateien wie Stylesheets, Logos und Bilder schneller zu laden, wenn der Benutzer eine zweite Seite auf Ihrer Website besucht.

Dies reduziert die allgemeine Serverlast, da weniger Anfragen an den eigentlichen Server gestellt werden, was zu einer verbesserten Leistungsoptimierung und Benutzererfahrung führt.

Wo sehen Sie die Warnung „Browser-Caching nutzen“?

Die Warnung 'Browser-Zwischenspeicherung nutzen' bedeutet, dass Sie keine Browser-Zwischenspeicherung aktiviert haben oder Ihre Zwischenspeicherung falsch konfiguriert ist.

Wenn Sie einen Website-Geschwindigkeitstest mit einem Tool wie GTmetrix oder Google PageSpeed Insights durchführen, erhalten Sie einen Bericht, der Ihnen zeigt, was Sie zur Beschleunigung von WordPress beheben können.

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

So kann es aussehen, wenn Sie sich Ihre Ergebnisse von einem Tool zur Analyse der Seitengeschwindigkeit ansehen.

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

Beide Warnungen beziehen sich auf einen Fehler in Ihrer Browser-Caching-Einrichtung.

Wenn Sie die Warnung „Browser-Caching nutzen“ sehen, bedeutet dies, dass Sie die Caching-Regeln aktivieren und anpassen müssen, um Ihre Website zu beschleunigen.

Das gesagt, schauen wir uns an, wie Sie die Warnung „Browser-Caching nutzen“ in WordPress mit zwei verschiedenen Methoden einfach beheben können. Nutzen Sie einfach die Schnelllinks unten, um die gewünschte Methode auszuwählen:

1. Beheben Sie die Warnung 'Browser-Caching nutzen' mit WP Rocket
2. Warnung „Browser-Caching nutzen“ mit Code beheben
3. FAQs zur Nutzung der Browser-Zwischenspeicherung

Methode 1: Beheben Sie die Warnung „Browser-Caching nutzen“ mit WP Rocket

WP Rocket ist das beste WordPress-Caching-Plugin auf dem Markt. Es ist anfängerfreundlich und kann Ihnen helfen, Ihre Website für Geschwindigkeit zu optimieren, ohne komplexe Caching- und Geschwindigkeitsbegriffe kennen zu müssen.

Direkt nach der Installation beschleunigen alle empfohlenen Caching-Einstellungen Ihr WordPress-Blog erheblich.

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

Das ist alles.

Weitere Details finden Sie in unserem Leitfaden zur richtigen Installation und Einrichtung von WP Rocket in WordPress.

WP Rocket aktiviert automatisch das Browser-Caching und passt Ihre .htaccess-Datei mit den richtigen Regeln an.

Methode 2: Warnung „Browser-Caching nutzen“ mit Code beheben

Die zweite Methode beinhaltet das Hinzufügen von Code zu Ihren WordPress-Dateien. Wenn Sie dies noch nie getan haben, lesen Sie unseren Anfängerleitfaden zum Einfügen von Snippets aus dem Web in WordPress.

Diese Methode ist nicht so anfängerfreundlich, bitte folgen Sie ihr nur, wenn Sie genau wissen, was Sie tun. Für die meisten Geschäftsinhaber empfehlen wir Methode 1.

Lassen Sie uns nun sehen, wie Sie die Warnung „Browser-Caching nutzen“ beheben, indem Sie Code zu WordPress hinzufügen.

Ermitteln Sie, ob Ihre Website Apache oder Nginx verwendet

Zuerst müssen Sie herausfinden, ob Ihre Website Apache- oder Nginx-Server verwendet.

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

Klicken Sie als Nächstes oben auf der Seite auf die Registerkarte „Netzwerk“.

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

Klicken Sie danach in der Spalte „Name“ auf Ihren Domainnamen.

Es sollte sich oben auf der Seite befinden.

Dann sehen Sie im Abschnitt „Response Headers“ einen Eintrag namens „server“, in dem der Servertyp angezeigt wird.

In diesem Fall läuft die Website auf einem Apache-Server.

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

Um die Warnung „Browser-Caching nutzen“ mit einem Apache-Server zu beheben, fügen Sie Code zu Ihrer .htaccess-Datei hinzu.

Um diese Datei zu bearbeiten, müssen Sie sich mit einem FTP-Client oder dem Dateimanager Ihres Hosters mit Ihrem WordPress-Hosting-Konto verbinden.

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

Wenn Sie ihn nicht finden können, machen Sie sich keine Sorgen. Manchmal kann diese Datei versteckt sein. Weitere Details finden Sie in unserem Leitfaden, warum Sie die .htaccess-Datei auf Ihrer WordPress-Site nicht finden können: warum Sie die .htaccess-Datei auf Ihrer WordPress-Site nicht finden können.

Als Nächstes müssen Sie Cache-Control- und/oder Expires-Header hinzufügen, um das Browser-Caching zu aktivieren. Dies teilt dem Webbrowser mit, wie lange er Ihre Website-Ressourcen speichern soll, bevor sie gelöscht werden.

• Der Cache-Control-Header gibt dem Webbrowser spezifische Details darüber, wie das Caching erfolgen soll.
• Der Expires-Header ermöglicht das Caching und teilt dem Webbrowser mit, wie lange er bestimmte Dateien speichern soll, bevor sie gelöscht werden.

Sie können den folgenden Code zu Ihrer .htaccess-Datei hinzufügen, um Expires-Header hinzuzufügen:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
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"
</IfModule>
## EXPIRES HEADER CACHING ##

Dieser Code legt unterschiedliche Cache-Ablaufdaten basierend auf dem Dateityp fest.

Danach können Sie den folgenden Code hinzufügen, um die Cache-Steuerung zu aktivieren:

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
    Header set Cache-Control "max-age=96000, public"
</filesMatch>

Dieser Code legt die Ablaufzeit fest, wann der Cache aktualisiert werden muss. Im obigen Beispiel läuft der Cache in 90.000 Sekunden ab.

Vergessen Sie nicht, die Datei zu speichern, nachdem Sie sie bearbeitet haben. Danach fordert der Webbrowser neue Versionen der Dateien an.

Cache-Control- und Expires-Header in Nginx hinzufügen

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

Wie Sie diese Datei bearbeiten und darauf zugreifen, hängt von Ihrem Hoster ab. Sie können sich also an Ihren Hosting-Anbieter wenden, wenn Sie Hilfe beim Zugriff auf die Datei benötigen.

Dann müssen Sie den folgenden Code hinzufügen, um Expires-Header hinzuzufügen:

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

Dieser Code legt die Ablaufzeiten für die verschiedenen Dateitypen fest. Beachten Sie, dass Bilder länger zwischengespeichert werden als HTML-, CSS-, JS- und andere Dateitypen, da Bilder normalerweise gleich bleiben.

Danach können Sie den folgenden Code hinzufügen, um Cache-Control-Header hinzuzufügen:

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

Dieser Code legt die Zeit fest, wann der Cache abläuft. Er teilt Ihrem Server mit, dass sich die oben genannten Dateitypen 14 Tage lang nicht ändern.

Wenn Sie WordPress noch weiter beschleunigen möchten, lesen Sie unbedingt unseren Leitfaden, wie Sie die Geschwindigkeit und Leistung von WordPress steigern können: wie Sie die Geschwindigkeit und Leistung von WordPress steigern.

FAQs zur Nutzung der Browser-Zwischenspeicherung

Hier sind einige der häufigsten Fragen zur Behebung der Warnung 'Browser-Caching nutzen' in WordPress. Diese Antworten helfen Ihnen, Browser-Caching besser zu verstehen und Probleme zu beheben, auf die Sie stoßen könnten.

Was bedeutet die Warnung „Browser-Caching nutzen“?

Die Warnung 'Browser-Zwischenspeicherung nutzen' erscheint, wenn Ihre WordPress-Website den Browsern der Besucher nicht mitteilt, Dateien für zukünftige Besuche lokal zu speichern. Diese Warnung wird in Geschwindigkeitstest-Tools wie Google PageSpeed Insights und GTmetrix angezeigt, wenn Ihre Website durch die Aktivierung der Browser-Zwischenspeicherung schneller geladen werden könnte. Im Wesentlichen bedeutet dies, dass Sie eine einfache Möglichkeit zur Verbesserung der Leistung Ihrer Website verpassen.

Wie lange sollte ich die Ablaufzeiten für den Browser-Cache festlegen?

Für die meisten WordPress-Sites empfehlen wir, Bilder nach 1 Jahr, CSS- und JavaScript-Dateien nach 1 Monat und andere statische Dateien nach 3-7 Tagen ablaufen zu lassen. Bilder ändern sich selten, daher können sie länger gecacht werden, während CSS- und JS-Dateien möglicherweise häufiger aktualisiert werden. Sie können diese Zeiten jederzeit anpassen, je nachdem, wie oft Sie den Inhalt und das Design Ihrer Website aktualisieren.

3. Wird die Browser-Zwischenspeicherung meine Website beeinträchtigen?

Nein, die Aktivierung der Browser-Zwischenspeicherung wird Ihre Website nicht beeinträchtigen. Die Browser-Zwischenspeicherung wirkt sich nur darauf aus, wie Dateien in den Browsern der Besucher gespeichert werden, und ändert nichts an Ihren tatsächlichen Website-Dateien. Wir empfehlen jedoch immer, ein Backup zu erstellen, bevor Sie Änderungen an Ihrer Website vornehmen, insbesondere wenn Sie Code oder .htaccess-Dateien manuell bearbeiten.

4. Benötige ich ein Caching-Plugin, wenn mein Hosting-Anbieter Caching anbietet?

Während viele Hosting-Anbieter grundlegende Caching-Funktionen anbieten, bietet ein dediziertes Caching-Plugin wie WP Rocket in der Regel umfassendere Optimierungsoptionen. Caching auf Host-Ebene konzentriert sich oft auf serverseitiges Caching, während Plugins wie WP Rocket Browser-Caching, Dateikomprimierung und andere Leistungsfunktionen handhaben. Sie können beides zusammen für maximale Geschwindigkeitsvorteile nutzen.

5. Warum sehe ich die Warnung immer noch, nachdem ich Browser-Caching aktiviert habe?

Wenn Sie die Warnung „Browser-Caching nutzen“ immer noch sehen, nachdem Sie sie aktiviert haben, kann es mehrere Gründe geben: Ihre Cache-Einstellungen sind möglicherweise nicht korrekt konfiguriert, Ihr CDN überschreibt möglicherweise die Einstellungen oder das Testtool prüft möglicherweise zwischengespeicherte Ergebnisse. Versuchen Sie, den Cache Ihrer Website zu leeren, warten Sie 24-48 Stunden, bis sich die Änderungen verbreitet haben, und führen Sie dann den Geschwindigkeitstest erneut durch.

6. Kann Browser-Caching Probleme bei Website-Updates verursachen?

Browser-Caching kann gelegentlich dazu führen, dass Besucher veraltete Versionen Ihrer Website sehen, nachdem Sie Aktualisierungen vorgenommen haben. Dies geschieht, weil ihr Browser die zwischengespeicherte Version anstelle der neuen Dateien lädt. Die meisten Caching-Plugins erledigen dies automatisch, indem sie den Cache leeren, wenn Sie Ihre Website aktualisieren. Bei Bedarf können Sie Besucher auch auffordern, ihren Browser-Cache zu leeren oder einen Hard Refresh (Strg+F5) zu verwenden, um die neueste Version anzuzeigen.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie die Warnung „Browser-Caching nutzen“ in WordPress einfach beheben können. Möglicherweise möchten Sie auch unseren Leitfaden zum korrekten Ausführen eines Website-Geschwindigkeitstests und unsere Expertenauswahl für das schnellste WordPress-Hosting für eine schnelle Website sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.