Wenn Sie eine Website zum ersten Mal besuchen, lädt Ihr Browser zahlreiche Dateien herunter, um die Seite anzuzeigen. Dazu gehören HTML-Code, Bilder, Stylesheets und JavaScript-Dateien. Dies kann zu einer großen Datenmenge führen und insbesondere auf Mobilgeräten aufgrund des Browser-Cachings etwas langsam sein.
Die meisten dieser Dateien werden jedoch auf Ihrer gesamten Website verwendet. Auf jeder Seite werden dasselbe Logo, dasselbe Stylesheet und dieselben JavaScript-Dateien verwendet. Wäre es nicht toll, wenn all diese Dateien nur einmal heruntergeladen werden müssten? Genau das ist es Browser-Caching Dies ist der Fall. Es speichert eine Kopie dieser Dateien im Browser des Besuchers. Wenn die Datei das nächste Mal benötigt wird, ruft der Browser sie aus seinem eigenen Cache ab und nicht vom Server. Das Ergebnis ist ein deutlich schnelleres und effizienteres Benutzererlebnis.
So funktioniert das Browser-Caching
Browser-Caching ist eine einfache Idee. Sie setzen eine Ablaufzeit für eine Datei, die einem Browser mitteilt, wie lange er diese Datei speichern kann, bevor er eine neue Kopie herunterladen muss. Sie können einem Browser beispielsweise sagen, dass er Ihr Stylesheet einen Monat lang zwischenspeichern soll. Nach dem ersten Besuch wird das Stylesheet lokal gespeichert, und der Browser lädt 30 Tage lang keine neue Kopie vom Server herunter.
Dies ist eine großartige Möglichkeit, die Seitengeschwindigkeit zu verbessern, hat aber einen Haken. Wenn Sie eine zwischengespeicherte Datei ändern, wird einem Besucher, der Ihre Website bereits besucht hat, bis zum Ablauf der Ablaufzeit weiterhin die alte Version angezeigt. Wir werden gleich darüber sprechen, wie Sie das beheben können.
Überprüfen Sie, ob auf Ihrer Site der Browser-Caching aktiviert ist
Sie fragen sich jetzt wahrscheinlich, ob das Caching auf Ihrer Website aktiviert ist. Sie können die ClickRank-Site-Audit-Tool um Ihre gesamte Website auf einmal zu überprüfen. Es kann jede Datei auf Ihrer Website scannen und die Ablaufzeit für jede Datei anzeigen. Dies ist ein entscheidender Schritt, um die Leistung und Seitengeschwindigkeit Ihrer Website zu verstehen.
So richten Sie das Browser-Caching ein
Das Einrichten des Browser-Cachings ist eine einfache, aber wichtige Aufgabe. Wenn Sie keine explizite Ablaufzeit angeben, versucht der Browser eines Besuchers immer, eine neue Kopie vom Server abzurufen, was das Erlebnis erheblich verlangsamen kann.
Apache: Expires-Header
Wenn Sie einen Apache-Server verwenden, können Sie das Caching einrichten, indem Sie Ihre .htaccess Datei. Sie können die Ablaufzeit für jeden Dateityp individuell festlegen. Beispielsweise können Sie die Ablaufzeit für Schriftarten auf ein Jahr, für Bilder auf drei Monate und für Stylesheets und JavaScript auf einen Monat festlegen. Dies ist eine einfache und effektive Möglichkeit, Browser-Caching zu aktivieren.
Apache Cache-Steuerung
Eine alternative Möglichkeit, Caching-Anweisungen festzulegen, ist die Cache-Control Header. Es funktioniert sehr ähnlich und bietet einige zusätzliche Optionen. Für die meisten Websites reicht die Verwendung von Expires-Headern aus.
Browser-Caching in WordPress
Wenn Sie ein CMS wie WordPress verwenden, können Sie mithilfe eines Plugins Browser-Caching aktivieren. Es gibt viele tolle Plugins, mit denen Sie Caching mit nur wenigen Klicks aktivieren können. Dies ist eine großartige Option, wenn Sie keinen Zugriff auf den Server haben. .htaccess Datei oder ob Sie lieber ein Plugin verwenden möchten, um es für Sie zu handhaben. Eine umfassende Plattform Klickrank kann Ihnen dabei helfen. Die Plattform kann beispielsweise Ihre Website auf Caching-Probleme scannen und Ihnen eine priorisierte Liste mit Aufgaben zur Behebung dieser Probleme bereitstellen.
Ungültiger Cache
Was passiert, wenn Sie eine zwischengespeicherte Datei ändern müssen? Sie haben beispielsweise Ihr Logo geändert, aber alle, die Ihre Website kürzlich besucht haben, sehen immer noch das alte. Alle Benutzer zu bitten, ihren Cache zu leeren, ist keine Option.
Eine Möglichkeit, dies zu beheben, besteht darin, den Namen der Datei zu ändern. Sie können beispielsweise ändern style.css zu style-new.cssDer Browser geht davon aus, dass es sich um eine neue Datei handelt und lädt die neueste Version vom Server herunter. Dies ist eine einfache und effektive Möglichkeit, einen Browser zum Herunterladen einer neuen Datei zu zwingen, auch wenn die Ablaufzeit noch nicht abgelaufen ist.
