Cache-busting och versionshantering

Har ni någon gång uppdaterat webbplatsen eller appen och sedan upptäckt att användarna fortfarande ser den gamla versionen?

Detta vanliga problem beror ofta på cachning. Cachebrytning är en teknik som används för att tvinga webbläsare och cachningsservrar (som CDN:er) att läsa in den senaste versionen av era filer i stället för att leverera inaktuella, cachelagrade kopior.

Cacher är fantastiska för prestandan, men de kan behålla gammalt innehåll.

När en webbläsare eller ett CDN cachelagrar en fil (som en bild, CSS eller JavaScript) görs det vanligtvis utifrån filens URL och specifika HTTP-headers (som Cache-Control). Om URL:en aldrig ändras kanske cachen aldrig upptäcker att filens innehåll har uppdaterats.

En av de enklaste metoderna för cachebrytning är att använda en frågesträng. Ni lägger till en unik identifierare (som ett versionsnummer eller ett tidsvärde) i slutet av filens URL.

När frågesträngen ändras ser webbläsaren eller CDN:et den som en helt ny URL, vilket tvingar den att hämta den uppdaterade filen från ursprungsservern.

Så här kan ni använda en frågesträng för att bryta cachen för en CSS-fil:

<link rel="stylesheet" href="/css/style.css?v=1.0.1">

Om ni uppdaterar style.css ändrar ni versionen: /css/style.css?v=1.0.2. Det signalerar till cacherna att en ny version finns tillgänglig.

Frågesträngar är enkla att använda, men har nackdelar:

• Vissa proxyservrar kan ignorera frågesträngar vid cachning, vilket leder till inaktuellt innehåll.
• Varje ändring av frågesträngen skapar en ny cachepost, vilket kan fragmentera cacherna.
• Metoden utnyttjar inte befintliga cachelagrade versioner om bara en liten del av filen har ändrats.

För kritiska resurser föredras ofta mer robusta metoder.

En kraftfullare teknik innebär att bädda in en hash av filens innehåll direkt i filnamnet.

Exempelvis blir main.css main.d41d8cd9.css. Om så bara ett enda tecken i main.css ändras blir hashen helt annorlunda, vilket skapar ett unikt filnamn.

Byggverktyg som Webpack eller Gulp automatiserar ofta denna process. De genererar en unik hash baserat på filens innehåll och byter namn på den vid driftsättning.

Denna metod säkerställer att endast helt nya filer hämtas och att gamla, oförändrade filer kan förbli cachade på obestämd tid, vilket maximerar cacheeffektiviteten.

Cache-busting används inte bara för statiska filer. För dynamiskt innehåll eller API:er hjälper versionshantering till att hantera ändringar.

Versionshantering av API:er innebär att API:ets endpoint-URL ändras (till exempel /api/v1/products till /api/v2/products) eller att en anpassad HTTP-header används (till exempel X-API-Version: 2).

Effektivt cache-busting kombinerar ofta flera strategier:

• Automatisera hashing: Använd byggverktyg för statiska resurser.
• Aggressiv cachning: Ange långa cachetider för hashade filer.
• Versionshantering av API:er: För inkompatibla ändringar i dynamiskt innehåll.
• Villkorsstyrda förfrågningar: Använd ETag eller Last-Modified för små, frekventa uppdateringar.

Målet är att tillförlitligt leverera aktuellt innehåll och samtidigt maximera antalet cacheträffar.

Vi har lärt oss att cache-busting och versionshantering är avgörande för att leverera aktuellt innehåll i cachade miljöer.

Genom att använda tekniker som frågesträngar eller, mer robust, hashing av filinnehåll för statiska resurser samt explicit versionshantering för API:er kan du säkerställa att användare alltid får uppleva de senaste funktionerna och korrigeringarna utan att prestandan försämras.