Cache Busting mit Dateiversionen
Zwingen Sie Browser, aktualisierte Assets abzurufen.
Cache Busting mit Dateiversionen ist eine kostenlose Flask Academy-Lektion auf CoddyKit. Dies ist Lektion 3 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Flask Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Flask Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
Browsers Love to Cache
Browsers save assets to load pages faster. That is great until you ship a new style.css and visitors keep seeing the cached old one. 🗂️
The Stale Asset Problem
If the URL stays /static/style.css forever, the browser assumes nothing changed. Your fresh design simply never reaches the user.
Change the URL to Refetch
The fix is cache busting: change the asset URL whenever the file changes. A new URL forces the browser to download again.
A Version Query String
The simplest trick adds a version query parameter. /static/style.css?v=2 is treated as a new resource by the browser.
<link href="{{ url_for('static', filename='style.css') }}?v=2">Bump It on Each Release
Each time you deploy changed CSS, raise the v number. A central variable beats editing the value in many templates by hand.
Use the File's mtime
A smarter bust uses the file modification time. Read getmtime so the version changes only when the file actually does.
import os
v = int(os.path.getmtime("static/style.css"))Let url_for Carry Extras
Any unknown keyword you pass url_for becomes a query parameter, so you can attach a computed version cleanly.
url_for("static", filename="style.css", v=v)
# -> /static/style.css?v=1718000000Content Hashes Are Best
The strongest approach names files by a hash of their contents, like style.abc123.css. New contents mean a new name and a guaranteed refetch.
Hashes Enable Long Caching
Because a hashed name only changes when contents change, you can cache it almost forever. Speed and freshness stop fighting each other.
Build Tools Do the Work
Asset bundlers generate hashed filenames and a manifest mapping logical names to hashed ones, so your templates ask for the current build.
Pick the Right Tier
Start with a simple ?v= version for small projects. Move to content hashes once a build pipeline is worth the setup.
Quick Check
Why does adding ?v=2 to an asset URL make the browser fetch a fresh copy?
Recap: Cache Busting
You learned to change asset URLs so browsers refetch updates: a version query for small apps, content hashes for serious builds. 🚀
Häufig gestellte Fragen
Ist die Lektion „Cache Busting mit Dateiversionen“ kostenlos?
Ja — der vollständige Text von „Cache Busting mit Dateiversionen“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Flask Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Flask Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Cache Busting mit Dateiversionen“?
Zwingen Sie Browser, aktualisierte Assets abzurufen. Du übst Flask Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Flask Academy zu starten?
Keine Vorkenntnisse erforderlich. Flask Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 3 von 4.
Wie lange dauert die Lektion „Cache Busting mit Dateiversionen“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Flask Academy-Lektion Code schreiben und ausführen?
Ja. Jede Flask Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Die Konvention für den static-Ordner
- Assets mit url_for static verknüpfen
- Cache Busting mit Dateiversionen
- Statische Dateien in der Produktionspraxis