molily: Browsercaching steuern

Beitrag lesen

Hallo,

Als dauerhafte Lösung kann ich mir eine Weiterentwicklung dieser Do-It-Yourself-Lösung vorstellen a lá "styles.css?<?=filetime("styles.css");?>". Ist es das oder geht's besser?

Kurzversion: Ja, das ist es.

Langversion: Üblicherweise setzt man bei Assets HTTP-Caching-Header, die den Browser dazu anweisen, das Asset bis zum Sankt Nimmerleinstag zu cachen und niemals beim Server nachzufragen, ob es eine neue Version gibt. Beim Einspielen einer neuen Version wird dann die Adresse geändert. Auf diese Weise ist auch sichergestellt, dass ein bestimmtes HTML immer mit einem bestimmten JS/CSS angezeigt wird. Das kann etwa dadurch erfolgen, dass das Änderungsdatum, eine Versionsnummer oder ein kryptographischer Hash des Dateiinhalts in die URL aufgenommen wird.

Um so etwas zu automatisieren gibt es Build-Tools wie beispielsweise Grunt und HTML5 Boilerplate, die auch komprimieren und optimieren sowie die Verwendung von Präprozessoren wie Sass und CoffeeScript erlauben.

Mathias