När en besökare öppnar din sajt för första gången laddar webbläsaren ner alla filer som behövs för att visa sidan: HTML, stilmallar, skript, bilder och typsnitt. Vid ett återbesök behöver webbläsaren inte ladda ner alla de filerna igen om de finns sparade lokalt. Webbläsarcachning är mekanismen som gör det möjligt, och det är ett av de enklaste sätten att få en sajt att kännas snabbare för återkommande besökare.
Webbläsarcachning sparar kopior av sajtens filer på besökarens enhet så att senare sidladdningar kan hoppa över att ladda ner resurser som inte har ändrats. Servern talar om för webbläsaren hur länge varje fil ska sparas och när den ska leta efter uppdaterade versioner. Om du förstår hur webbläsarcachning fungerar ser du varför återbesök ofta känns märkbart snabbare än det första besöket.
Hur fungerar webbläsarcachning?
Varje fil som din server skickar innehåller cacheinstruktioner i HTTP-svarets rubriker. Rubrikerna talar om för webbläsaren om filen ska sparas, hur länge den ska behållas och när en ny kopia ska begäras.
Vid ett första besök laddar webbläsaren ner alla filer som behövs från din server och sparar de filer som går att cacha i lokal lagring. Vid återbesök läser webbläsaren in giltiga cachade filer från lokal lagring i stället för att ladda ner dem igen.
Vilka filer har mest nytta av webbläsarcachning?
Alla filer bör inte cachas lika mycket. Statiska resurser som sällan ändras är ideala kandidater. Dynamiskt innehåll som uppdateras ofta behöver kortare cachetid eller ingen cachning alls.
Lång cachetid
- Stilmallar och JavaScript-filer som bara ändras när du uppdaterar sajtens design
- Logotypbilder, ikoner och favicons
- Typsnittsfiler
- Bakgrundsbilder och dekorativ grafik
Kort cachetid eller ingen cache
- HTML-sidor med innehåll som uppdateras ofta
- Sidor med personligt eller dynamiskt innehåll
- API-svar och slutpunkter som hanterar formulär
Grundprincipen är enkel: cacha hårt det som sällan ändras och försiktigt det som ändras ofta. Artikeln om vad cachning är och varför det är viktigt tar upp hela cachningsområdet, inklusive cachning på servern och i CDN.
Varför spelar webbläsarcachning roll för hastigheten?
Webbläsarcachning minskar direkt mängden data som en besökare måste ladda ner och antalet serverbegäranden som behövs vid återbesök. Båda förbättringarna ger snabbare sidladdningar.
Snabbare upplevd laddtid
Att läsa in en stilmall från lokal lagring tar millisekunder. Att ladda ner samma fil över en nätverksanslutning tar hundratals millisekunder eller mer, beroende på anslutningshastighet. Vid återbesök dyker cachade resurser upp nästan direkt, vilket får sidan att kännas betydligt snabbare redan innan nytt innehåll har laddats.
Lägre belastning på servern
Varje fil som levereras från webbläsarens cache är en begäran mindre som din server måste hantera. För sajter med återkommande besökare förbättrar det svarstiderna för alla besökare.
Bättre prestanda på mobil
Mobila anslutningar är vanligtvis långsammare än anslutningar för dator. Webbläsarcachning ger en ännu större hastighetsvinst på mobil eftersom den tar bort nätverksbegäranden som skulle vara långsamma på svagare anslutningar. Artikeln om varför sidhastighet på mobil spelar roll förklarar varför det här lagret är särskilt viktigt för mobilbesökare.
Så hanterar WEMASY webbläsarcachning
WEMASY ställer automatiskt in lämpliga cacherubriker för alla filtyper. Statiska resurser som stilmallar, skript och bilder får lång cachetid. HTML-sidor får kortare tid så att uppdateringar av innehåll syns snabbt efter publicering. När du gör ändringar i redigeraren uppdaterar WEMASY cacheversionerna så att återkommande besökare får aktuellt innehåll utan att någon behöver rensa cachen manuellt.
Se vad som ingår på WEMASY:s webbplatsbyggare eller titta på planerna på prissidan.
Vanliga frågor
Vad är webbläsarcachning?
Webbläsarcachning sparar kopior av sajtens filer på besökarens enhet så att återbesök laddar snabbare. Servern skickar cacheinstruktioner med varje fil som talar om för webbläsaren hur länge den ska behållas innan den letar efter uppdateringar. Med WEMASY:s webbplatsbyggare kan du sätta upp det direkt på din sajt.
Hur skiljer sig webbläsarcachning från cachning på servern?
Webbläsarcachning sparar filer på besökarens enhet för snabbare laddning vid besökarens återbesök. Cachning på servern sparar färdigbyggda sidor på hostingservern så att sidan inte behöver genereras vid varje begäran. Båda minskar laddtiden men verkar vid olika punkter i leveranskedjan.
Varför är min sajt snabb vid andra besöket men långsam vid första?
Det första besöket kräver att alla sidans resurser laddas ner från servern. Det andra besöket läser in många av de resurserna från webbläsarens cache, vilket går mycket snabbare. Det är normalt beteende och visar att webbläsarcachningen fungerar. Att optimera det första besöket handlar om bildkomprimering, serverns svarstid och att minska resurser som blockerar renderingen.
Kan besökare se gammalt innehåll på grund av webbläsarcachning?
Ja, om cachetiderna är för långa och servern inte uppdaterar cacheversionerna efter ändringar i innehållet. Välskötta plattformar hanterar det automatiskt genom att uppdatera cacheidentifierare när du publicerar ändringar. Besökarna får då nya filer vid nästa besök utan att behöva rensa webbläsarens cache manuellt.
Ska jag rensa webbläsarens cache för att testa min sajt?
Att rensa webbläsarens cache är användbart när du testar om nya ändringar visas rätt. Det simulerar upplevelsen för en förstagångsbesökare. För vardagligt surfande på din egen sajt behöver du inte rensa cachen. Använd ett privat fönster eller inkognitofönster för att testa utan att påverka dina vanliga cachade filer.
Behöver jag konfigurera webbläsarcachning själv?
På en hanterad sajtplattform konfigureras cacherubrikerna automatiskt utifrån filtyp. På egenhanterad hosting kräver cachekonfigurationen serverinställningar eller cachningstillägg. WEMASY sköter all konfiguration av webbläsarcachning utan att du behöver göra något tekniskt.