Online Marketing, Gadgets, Affiliate, Verdienen Sie Geld mit Ihren Blogs

Was ist Browser-Caching und wie kann man es in WordPress beheben?

Was ist Browser-Caching und wie kann man es in WordPress beheben?

Wenn Sie versucht haben, Ihre Punktzahl in Google PageSpeed ​​Insights zu maximieren, ist Ihnen vielleicht aufgefallen, dass viele Faktoren eine Rolle spielen. Und die Chancen stehen gut, dass Sie nicht wissen, was die einzelnen Bedeutungen bedeuten, insbesondere nicht die Warnung vor Leverage-Browser-Caching.

Neben dieser Warnung erhalten Sie eine Liste der Bilder, die ein Browser normalerweise speichern würde. Diese Liste soll Sie darüber informieren, welche Bilder nicht über die erforderlichen Informationen bzw. das Ablaufdatum verfügen.

Die gute Nachricht ist, dass der Name zwar nicht sehr hilfreich ist, die Lösung aber einfach ist. Heute erkläre ich, welche Hebelwirkung das Browser-Caching hat und wie man es in WordPress beheben kann.

Was ist die Nutzung von Browser-Caching?

Der Nutzen Sie Browser-Caching Die Warnung weist Benutzer darauf hin, dass sie keine Ablaufdaten für statische Bilder festgelegt haben. Das Ablaufdatum teilt dem Webbrowser mit, wie lange ein bestimmtes Bild gespeichert werden soll.

In den neuesten Versionen von Google PageSpeed ​​Insights wurde diese Warnmeldung umbenannt. Es ist jetzt als „Statische Assets mit einer effizienten Cache-Richtlinie bereitstellen“ bekannt.

Unabhängig davon, wie es genannt wird, sind Ursache und Lösung dieselben.

Nun mag es etwas seltsam klingen, für ein statisches Bild ein Ablaufdatum zu benötigen, aber es macht durchaus Sinn. Seien wir ehrlich, nichts auf einer Website ist wirklich statisch. Schließlich werden Sie ein Bild ändern, eine Werbeaktion durchführen oder einfach Ihre Website neu gestalten.

Alles wird sich ändern, und wenn Sie dem Browser nicht mitteilen, dass eine Änderung stattgefunden hat, kann dies dazu führen, dass Seiten langsamer geladen werden.

Selbst wenn das Ablaufdatum festgelegt ist, erhalten Sie möglicherweise immer noch die Fehlermeldung, wenn die Daten zu kurz sind. Ja, der Fehler ist tatsächlich so heikel. Die gute Nachricht ist, dass der Fehler alle Fälle bereitstellt, in denen Bilder repariert werden müssen.

So beheben Sie den Leverage-Browser-Caching-Fehler in WordPress

Es gibt verschiedene Lösungen, um diesen speziellen Fehler zu beheben, und ich werde die häufigsten Lösungen für das Problem behandeln. Die gute Nachricht ist, dass keine dieser Methoden besonders schwierig ist. Tatsächlich werden die meisten von ihnen nur wenige Minuten in Anspruch nehmen.

Und bevor Sie beginnen, bedenken Sie, dass jede Website einzigartig ist. Was für eine Website funktioniert, funktioniert möglicherweise nicht für eine andere, insbesondere wenn viele Skripts von Drittanbietern ausgeführt werden.

Wenn eine Methode nicht funktioniert, versuchen Sie es einfach mit einer anderen.

Methode 1: Cache-Kontrolle

Cache-Control ist ein HTTP-Header, der die Browser-Caching-Richtlinien für Ihre Website angibt. Fast jede Website verwendet entweder diesen oder einen Expires-Header (siehe nächste Methode), um das Browser-Caching von Assets zu ermöglichen.

Wenn Sie wissen, welche Methode Sie derzeit verwenden, konzentrieren Sie sich auf diese. Dies ist wichtig, da Sie nicht beides hinzufügen sollten. Obwohl es keine schrecklichen Auswirkungen haben wird, wird es als überflüssig angesehen.

Lesen:  Passwortgeschützte Rezension: Behalten Sie Ihr WordPress ...

Die gute Nachricht ist, dass dies so einfach ist wie das Kopieren und Einfügen einer Codezeile.

Wenn Sie nun Ihren Google PageSpeed ​​Insights-Bericht überprüfen und den Fehler erweitern, sollten Sie eine Liste von Bildern sehen, die keine Daten, die Größe dieser Bilder und die Cache-TTL-Informationen enthalten.

Wenn die Cache-TTL „Keine“ anzeigt, wissen Sie, dass das Ablaufdatum das Problem ist.

Welchen Code Sie benötigen, hängt davon ab, welche Art von Servern Sie verwenden. Wenn Sie beispielsweise einen Apache-Server verwenden, müssen Sie den folgenden Code zur .htaccess-Datei Ihrer Website hinzufügen:

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

Der Code legt einen Ablaufcode für 84.600 Sekunden fest, was einem Tag entspricht. Sie können diese Nummer beliebig ändern, dies reicht jedoch normalerweise aus, um die Fehlermeldung zu beheben.

Notiz: Wenn Sie Ihre .htaccess-Datei nicht finden können, verfügen Sie möglicherweise nicht über eine. Keine Angst, es ist einfach, die Datei zu generieren.

Methode 2: Expires-Header

Ein Expires-Header ist ein HTTP-Header, der dem Browser mitteilt, wann die zwischengespeicherten Daten ablaufen. Wenn die Daten zu alt sind, gelten sie als veraltet und müssen erneut mit der Website verbunden werden, um die Informationen abzurufen.

Dies ist im Vergleich zur Cache-Kontrolle die klassischere Methode, funktioniert aber auch heute noch gut. Auch hier gilt: Wenn Sie derzeit keinen Expires-Header verwenden, ist diese Methode nicht für Sie geeignet. Stattdessen verwendet Ihre Website die Cache-Steuerung (siehe Methode 1).

Auch hier erfordert diese Lösung lediglich das Kopieren und Einfügen von Code. Dies hängt auch vom Typ des Servers ab, den Sie betreiben.

Für einen Apache-Server legt der folgende Code Ablaufdaten für verschiedene Medientypen (JPG, JPEG, PNG usw.) für bis zu einen Monat fest. Geben Sie ihn in die .htaccess-Datei ein:

## LÄUFT HEADER-CACHING AB ##

Läuft abAktiv am
ExpiresByType image/jpg „Zugriff 1 Jahr“
ExpiresByType Bild/JPEG „Zugriff 1 Jahr“
ExpiresByType Bild/GIF „Zugriff 1 Jahr“
ExpiresByType image/png „Zugriff 1 Jahr“
ExpiresByType Bild/SVG „Zugriff 1 Jahr“
ExpiresByType Text/CSS „Zugriff 1 Monat“
ExpiresByType application/pdf „Zugriff 1 Monat“
ExpiresByType Anwendung/Javascript „Zugriff 1 Monat“
ExpiresByType application/x-javascript „Zugriff 1 Monat“
ExpiresByType application/x-shockwave-flash „Zugriff 1 Monat“
ExpiresByType Bild/X-Symbol „Zugriff 1 Jahr“ ExpiresDefault „Zugriff 2 Tage“

## LÄUFT HEADER-CACHING AB ##

Sie können die Zeit auf einen beliebigen Wert ändern, dies reicht jedoch normalerweise aus, um die Fehlermeldung in PageSpeed ​​Insights zu beheben.

Methode 3: Skripte von Drittanbietern

Die ersten beiden Methoden konzentrieren sich darauf, was Sie tun können, um alles auf Ihrem Webserver zu verwalten, aber manchmal kann das Problem von einer externen Quelle stammen. Ein Drittanbieter-Skript ist eine Ressource, die von außerhalb Ihres Webservers geladen wird.

Ironischerweise könnte beispielsweise Google Analytics die Ursache für Ihren Fehler sein. Oder es könnte etwas anderes sein, wie das Disqus-Kommentarsystem für WordPress.

Grundsätzlich kann alles, was nicht direkt auf Ihrer Website gespeichert ist, zum Leverage Browser Caching-Fehler führen. Ich weiß, im Hinblick auf die Fehlerbehebung nicht sehr hilfreich.

Lesen:  Die Übernahme von Adobe Magento auf Twitter (wie sie sich entfaltete)

Wie können Sie also dieses Problem beheben, wenn es von einer Quelle eines Drittanbieters stammt?

Nun, um ganz ehrlich zu sein, manchmal geht das nicht. Einige dieser Skripte von Drittanbietern haben keine Möglichkeit, sie lokal zu hosten, Sie können also nichts tun, aber für einige gibt es Alternativen. Das eigentliche Problem besteht darin, sie zu finden.

Der todsichere Weg, herauszufinden, welches Skript den Fehler verursacht, besteht darin, sie einzeln zu entfernen und einen PageSpeed ​​Insights-Test durchzuführen. Wenn das Problem durch Entfernen eines bestimmten Skripts behoben wurde, können Sie nach einer Lösung dafür suchen.

Methode 4: Verwenden Sie ein Caching-Plugin

Das Beste an WordPress ist die riesige Bibliothek an Plugins, die Ihnen zur Verfügung steht. Und da Caching ein wesentlicher Bestandteil des Betriebs einer Website ist, gibt es ein riesiges Repertoire an Plugins, die dieses Problem lösen können, aber wie bei den meisten Dingen werden die Ergebnisse variieren.

Hier sind einige der besten verfügbaren Caching-Plugins.

1. Litespeed-Cache

Litespeed-Cache ist das beliebteste Caching-Plugin für WordPress und kann jede Browser-Caching-Warnung, die Google PageSpeed ​​Insights anzeigt, problemlos lösen. Tatsächlich gibt es spezielle Einstellungen nur für den Leverage-Browser-Caching-Fehler.

Dies ist natürlich nur ein Teil dessen, was das Plugin bietet. Es kann Ihre Website erheblich beschleunigen.

Um das Browser-Caching zu nutzen, müssen Sie lediglich das Browser-Caching in den Einstellungen aktivieren. Es gibt sogar einen Bereich, in dem Sie Ablaufdaten manuell eingeben können. Alternativ können diese auch automatisch eingerichtet werden.

Darüber hinaus ist es mit den meisten wichtigen WordPress-Plugins kompatibel WooCommerce und BBPress. Die Geschwindigkeit Ihrer Website erhöht sich bereits mit der Grundinstallation erheblich und kann mit einem feineren Ansatz verdoppelt oder sogar verdreifacht werden.

2. WP Rocket

WP Rocket ist ein erstaunliches Premium-Plugin, das die Leistung Ihrer Website erheblich steigern kann. Außerdem gibt es einen vollständigen Abschnitt zum Browser-Caching, der automatisch Ablaufdaten festlegt.

Daher wird der Leverage-Browser-Caching-Fehler von einer Quelle auf Ihrer Website nie angezeigt, bei Skripten von Drittanbietern ist er jedoch dennoch möglich.

Allerdings hilft WP Rocket dabei, einige dieser Drittanbieter-Probleme zu optimieren, wie zum Beispiel Facebook Pixel. WP Rocket ist eine umfassende Lösung für das Caching, die Bildoptimierung, Vorladen von Sitemaps, mobile Erkennung und vieles mehr umfasst.

Einer der wichtigsten Aspekte ist die Benutzerfreundlichkeit. Das Problem besteht jedoch darin, dass Besucher es nicht kostenlos ausprobieren können. Daher müssen Sie es kaufen, um es auszuprobieren, es gibt jedoch eine 14-tägige Geld-zurück-Garantie, die Sie in Anspruch nehmen können.

3. WP Schnellster Cache

WP Schnellster Cache ist ein weiteres hervorragendes und kostenloses Caching-Plugin für WordPress, das dieses Problem lösen kann. Tatsächlich geschieht dies automatisch bei der Installation. Das ist richtig, Sie müssen buchstäblich nichts anderes tun, als es zu installieren.

Und wie der Name schon sagt, ist es auf die Beschleunigung Ihrer WordPress-Website spezialisiert.

Wie Sie vielleicht erraten haben, besteht sein größter Vorteil darin, dass es alles für Sie erledigt. Allerdings gibt es einige Einstellungen, die Sie selbst konfigurieren können, die meisten davon sind jedoch hinter der Premium-Version des Plugins gesperrt.

Lesen:  Was ist Intelligentisierung und welche Prozesse können intelligentisiert werden?

Zu den weiteren Funktionen gehören Multisite-Unterstützung, die Minimierung von CSS, JavaScript und HTML, die Aktivierung von Lazy Load für Bilder, die Bereitstellung von Cloudflare-Unterstützung und vieles mehr.

Es hat alles, was Sie brauchen, um WordPress zu beschleunigen.

4. W3-Gesamtcache

W3 Gesamtcache ist ein weiterer großer Name in der Caching-Plugin-Branche und erzielt unglaubliche Ergebnisse. Und genau wie die anderen, die ich erwähnt habe, gibt es einen speziellen Bereich für das Browser-Caching, der alle Fehler auf der Seite Ihres Servers behebt.

Es kann auch bei einigen Skripten von Drittanbietern hilfreich sein.

Im Gegensatz zu den anderen Plugins erfordert W3 Total Cache mehr manuelle Einstellungen als andere Plugins. Das heißt, das ist keine schlechte Sache. Es gibt Ihnen mehr Kontrolle über das Caching Ihrer Website und ist deshalb ein so beliebtes Plugin.

Einer der Hauptunterschiede zwischen W3 Total Cache und anderen Plugins besteht darin, dass es sich um ein vollständiges Framework handelt. Andere Plugins zielen darauf ab, bestimmte Probleme einer durchschnittlichen Website zu verbessern oder zu beheben, und dieses Plugin geht weit darüber hinaus.

Warum ist Geschwindigkeit so wichtig?

Die Geschwindigkeitsoptimierung Ihrer Website ist aus verschiedenen Gründen entscheidend für den Erfolg.

Konzentrieren wir uns zunächst auf die Benutzererfahrung. Niemand mag eine langsame Website. Jede Sekunde, die ein Besucher darauf wartet, dass eine Seite geladen wird, ist eine weitere Sekunde, in der er beschließt, Ihre Seiten zu verlassen. Für einige Websites bedeutet dies Umsatzeinbußen.

Schnelle Ladezeiten stellen sicher, dass der Besucher alle gewünschten Inhalte durchsehen kann und sich nicht fragen muss, ob er wirklich etwas kaufen muss.

Aus SEO-Sicht ist Geschwindigkeit einer der bestätigten Faktoren, die Google und andere Suchmaschinen zum Ranking von Websites verwenden. Je schneller Ihre Website ist, desto besser wird ihr Ranking sein. Je besser es rankt, desto mehr Traffic erhalten Sie.

Je mehr Traffic Sie erhalten, desto mehr Geld können Sie verdienen.

Vergessen Sie nicht, die anderen Fehler zu beheben

Der Leverage-Browser-Caching-Fehler ist nur einer der Probleme, die ein Google PageSpeed ​​Insights-Test aufdecken kann. Und ehrlich gesagt ist es bei weitem nicht das, worüber Sie sich am meisten Sorgen machen sollten. Nehmen Sie sich stattdessen etwas Zeit, um sich die anderen Fehler anzusehen, die Sie sehen.

Allerdings ist es wichtig, sich darüber im Klaren zu sein, dass Sie eine schnelle Website trotzdem haben und einen schlechten Page Score erhalten können.

Dieser Test analysiert viele Komponenten Ihrer Website. Einer der Hauptfaktoren, die Ihren Seitenscore wirklich senken können, ist die Anzahl der von Ihnen verwendeten Skripts von Drittanbietern. Es betrifft viel mehr als nur das Browser-Caching, also gehen Sie sparsam damit um.

Welches Caching-Plugin verwenden Sie in WordPress? Haben Sie nach Behebung der Fehlermeldung eine Leistungssteigerung festgestellt?