Was sind statische Assets?
Statische Assets sind Dateien, die ausgeliefert werden, ohne für jede Anfrage neu erzeugt zu werden. Dazu zählen Bilder, Schriftarten, Stylesheets, Skripte und Videos. Ihr Inhalt ändert sich nur, wenn die gespeicherten Dateien ersetzt oder neu erstellt werden.
So funktionieren statische Assets
Diese bereitstellbaren Dateien werden vor einer Anfrage erzeugt und direkt von einem Ursprungsserver, Objektspeicher oder CDN ausgeliefert. Ein Build-System kann sie optimieren, bündeln oder mit einem Fingerprint versehen, auch wenn die Auslieferungsschicht sie nicht für jeden Besucher rendert. Inhaltsbasierte oder versionierte Namen ermöglichen unveränderliches Caching, während ein HTML-Dokument oder Manifest auf die aktuellen Versionen verweist. Bei Medienwebsites können dazu neben Bildern der Benutzeroberfläche und Schriftarten auch Vorschauclips, Posterbilder und herunterladbare Ressourcen gehören.
Wichtige Fakten
- Ein Dateiname mit einem Inhalts-Hash macht die Cache-Invalidierung explizit: Geänderte Bytes erzeugen eine neue URL, während unveränderte Assets über Bereitstellungen und Seiten hinweg wiederverwendbar bleiben.
- Korrekte MIME-Typen sind auch bei statischer Auslieferung wichtig, ihre Durchsetzung hängt jedoch vom Ressourcentyp ab: Browser verweigern ES-Modulskripte, die ohne JavaScript-MIME-Typ ausgeliefert werden. nosniff blockiert zusätzlich Skripte und Stylesheets mit unpassendem Typ. Beim Laden von Schriftarten und Medien wird im Allgemeinen kein passender Content-Type verlangt, allerdings kann die ursprungsübergreifende Antwortblockierung einiger Browser bestimmte Antworten anhand ihres Typs zurückweisen.
- Die ursprungsübergreifende Nutzung von Schriftarten, Canvas und Medien kann geeignete CORS-Header erfordern. Ein Asset auf einem CDN bereitzustellen, macht es nicht automatisch für Browser-APIs eines anderen Ursprungs lesbar.
Wann statische Assets wichtig sind
Versehen Sie Assets mit Fingerprints, wenn Releases ihren Inhalt ändern können. Das ermöglicht langlebiges Caching im Browser und CDN. Ohne versionierte URLs können veraltete Dateien im Cache mit neu bereitgestelltem Code in Konflikt geraten.