So machst du einen Hard Refresh

Es kann vorkommen, dass du deinen Browser-Cache leeren musst. Das kann eine wichtige Maßnahme sein, wenn du Probleme mit einer Website hast. Aber was bedeutet es eigentlich, den Browser-Cache zu leeren, und wie machst du das für deinen speziellen Browser?

Was ist der Browser-Cache?

Jedes Mal, wenn du eine Website besuchst, speichert der Webbrowser Dateien von dieser Website auf der Festplatte deines Computers im sogenannten "Browser-Cache". In den meisten Fällen ist das eine gute Sache, denn es verkürzt die Ladezeit der Seite und beschleunigt dein Surferlebnis, weil du nicht alle Dateien (und wahrscheinlich dieselben) immer wieder herunterladen musst, während du auf einer Webseite surfst.

Zum Beispiel wird sich ein Logo auf einer Webseite wahrscheinlich nicht ändern - daher ist es sinnvoll, eine Version dieses Logos lokal in deinem Browser-Cache zu speichern, anstatt das Logo mehrmals herunterzuladen.

Manchmal kann das Zwischenspeichern bestimmter Elemente einer Webseite jedoch zu unerwünschten Verhaltensweisen führen. Das gilt besonders bei der Webentwicklung und wenn wir mit dir als Kunden zusammenarbeiten. Änderungen, die wir am zugrundeliegenden Code vorgenommen haben, werden nicht immer direkt auf der (deiner) Webseite angezeigt. Das liegt an der oben beschriebenen Caching-Strategie des Browsers.

Nehmen wir an, dein Browser hat ein Bild heruntergeladen, dann wurden Änderungen an dem Bild vorgenommen (z. B. wurde ein Filter angewendet) und dann haben wir es erneut auf die Webseite hochgeladen.

Der Browser weiß nichts von diesen Änderungen und es gibt keine einfache Möglichkeit für den Browser, dies zu bemerken - vor allem, wenn sich der Dateiname nicht geändert hat. Wenn du die Seite mit dem neuen Bild lädst, rendert der Browser die Seite und das Bild sieht aus wie vorher - und du bist verwirrt.

Hier kommt der sogenannte Hard Refresh ins Spiel.

Was ist ein Hard Refresh?

Ein Hard Refresh ist eine Methode, um dem Browser mitzuteilen: "Danke für deine tollen Caching-Methoden, aber wenn ich die Seite lade, möchte ich, dass du alle Assets noch einmal herunterlädst." Genau wie beim ersten Mal, als die Webseite geladen und der Cache zum ersten Mal aufgebaut wurde. Der alte Cache wird geleert und ein neuer erstellt, um Konflikte zu lösen, die durch unterschiedliche Versionen einer Seite entstehen.

Hard refresh oder force refreshIst eine Methode, um den Cache des Browsers für eine bestimmte Webseite zu leeren, damit er die neuesten Assets (Dateien) der Seite lädt. Nach einem Hard Refresh können die Nutzer/innen sicher sein, dass der Browser die neuesten Dateien herunterlädt und anzeigt und so Versionskonflikte auflöst.

Wir haben Anleitungen für verschiedene Browser gesammelt, wie man einen Hard Refresh durchführt.

Führe einen Hard Refresh durch

Google Chrome

macOS

1. Halte die Umschalttaste gedrückt und klicke auf die Schaltfläche Reload.
2. Halte Command und Shift gedrückt. Drücke dann R.

Windows/Linux

1. Halte Strg gedrückt und klicke auf die Schaltfläche Reload.
2. Halte Strg gedrückt und klicke F5.
3. Halte Strg + Shift gedrückt und klicke R.

Mozilla Firefox

macOS

1. Halte Shift gedrückt und klicke auf die Schaltfläche Laden.
2. Halte Command und Shift gedrückt. Drücke dann R.

Windows/Linux

1. Halte Strg gedrückt und klicke F5.
2. Halte Strg + Shift gedrückt und klicke R.

Microsoft Edge

1. Halte Strg gedrückt und klicke F5.
2. Halte Strg gedrückt und klicke auf die Schaltfläche Reload.