Wie Browser Favicons cachen
Browser cachen Favicons aggressiv und speichern sie getrennt vom eigenen Cache der Seite, oft tagelang, unabhängig von einem normalen Reload. Deshalb zeigt ein geändertes Favicon so oft weiter das alte Bild. Der zuverlässige Weg, eine Aktualisierung zu erzwingen, ist, die URL des Icons zu ändern (meist ein Versions-Query-String wie /favicon.ico?v=2) und hart neu zu laden.
Warum Favicons so hartnäckig sind
Favicons werden besonders behandelt. Browser halten sie in einem Speicher getrennt vom normalen HTTP-Cache, bewahren sie mit langer Lebensdauer auf und verwerfen sie bei einem gewöhnlichen Reload nicht zwangsläufig. Manche pflegen eine Favicon-Datenbank auf Profilebene, die Sitzungen übersteht. Ein CDN vor deiner Website fügt einen zweiten Cache obendrauf.
Das Ergebnis ist, dass das Bearbeiten der Icon-Datei an Ort und Stelle oft unsichtbar bleibt: Der Browser hat bereits ein Icon für diese URL und sieht keinen Grund, erneut zu fragen. Es ist an die URL gebunden, also besteht die Lösung darin, die URL zu ändern, nicht nur die Bytes dahinter.
Ein frisches Favicon erzwingen
- 1
Ändere die URL
Hänge einen Versions-Query-String an (/favicon.ico?v=2), sodass der Browser es als neue Ressource behandelt und lädt. Erhöhe die Zahl bei jeder Änderung.
- 2
Hart neu laden oder ein privates Fenster nutzen
Cmd+Shift+R / Strg+F5 oder ein frisches privates Fenster umgeht die gespeicherte Kopie des Browsers.
- 3
Etwaiges CDN leeren
Wenn ein CDN vor der Website steht, invalidiere den Favicon-Pfad, damit Edge-Knoten aufhören, die alte Datei auszuliefern, bevor der Browser sie überhaupt sieht.
FAQ zum Favicon-Caching
Warum aktualisiert sich mein Favicon nicht?
Der Browser liefert eine gecachte Kopie aus seinem separaten Favicon-Speicher aus, oder ein CDN gibt die alte Datei heraus. Ändere die Icon-URL mit einem Versions-Query-String und lade hart in einem privaten Fenster neu.
Wie leere ich den Favicon-Cache?
Es gibt keinen zuverlässigen Schalter, um ein einzelnes Icon zu leeren, also ändere stattdessen die URL (/favicon.ico?v=2), was den Cache vollständig umgeht. Andernfalls hat ein privates Fenster oder ein anderes Browserprofil kein gespeichertes Icon.
Unterscheidet sich das Favicon-Caching zwischen Browsern?
Ja. Jeder Browser, und oft jedes Profil, pflegt seinen eigenen Favicon-Speicher mit eigener Lebensdauer, weshalb ein Icon in einem Browser aktualisiert und in einem anderen zur gleichen Zeit veraltet aussehen kann.