Utvecklingstips: Hantering av cache på webben

Problem med cache under utveckling

Det är inte bara fördelar med cache. Ibland när en hemsida uppdateras kan gamla filer laddas om cachen inte hanteras rätt. Omdirigeringar (301:or) brukar även fastna rätt hårt i cachen, så om du någon gång har blivit dirigerad ifrån en hemsida så kan det vara väldigt lätt att den fastnat i cachen och du kommer sedan inte åt sidan igen. Om en hemsida är en webbshop eller en sida där användare kan logga in kan det bli väldigt fel om fel data lagras. Om en webbshop cachas för hårt kan den råka spara data om en kunds varukorg och den datan kan sedan skickas ut till andra användare, vilket gör att de andra användarna också upplever att de får produkter i sin varukorg, utan att de har lagt till något. Liknande kan hända om hemsidan har inloggningsfunktioner, en inloggad användares information kan sparas i cachen och sedan skickas ut till en icke-inloggad användare som sedan kan uppleva att den blir inloggad från ingenstans.

Rensa cachen

Ibland behöver man rensa cachen, speciellt under utveckling när man vill se snabba förändringar. Nedan kommer en guide hur man rensar cachen i olika webbläsare.

Micosoft Edge

1. Börja med att klicka på de 3 prickarna längst upp i högra hörnet i din webbläsare och välj ”Inställningar”.
2.  Klicka på ”Sekretess, sökning och tjänster”
3. Skrolla ned lite till ”Rensa webbdata” och klicka på knappen ”Välj vad du vill rensa”.
4. Nu bör en ruta kommit fram där du kan välja vilken information du vill rensa. Se till att klicka ur allt förutom ”Cachelagrade bilder och filer” och välj ”All tid” i dropdown-listan ovanför.
5. Klicka sedan på ”Rensa nu”.
6. Nu är din cache rensad.

Google Chrome

1. Klicka på de tre prickarna längst upp i högra hörnet i din webbläsare och välj ”Inställningar”
2. Klicka på ”Integritet och säkerthet”.
3. Välj ”Rensa webbinformation”.
4. I ”Tidsintervall” brukar jag välja ”Sedan kontot skapades” för att säkerställa att inget missas.
5. Se sedan till att klicka ur allt förutom ”Cachade bilder och filer”
6. Klicka sedan på ”Rensa data”.
7. Nu är din cache rensad.

Mozilla Firefox

1. Klicka på de tre strecken (hamburgermenyn) längst upp i högra hörnet i din webbläsare.
2. Klicka på ”Sekretess & säkerhet”.
3. Skrolla ned en liten bit och tills du ser ”Kakor och webbplatsdata”.
4. Klicka på knappen ”Rensa data…”
5. Se till att klicka ur allt förutom ”Cachat webbinnehåll”
6. Klicka på ”Rensa”
7. Nu är din cache rensad.

Safari

Det finns två olika tillvägagångssätt för Safari, den första rensar inte bara cache utan även Cookies och annan sparad data för webbplatserna. Den andra metoden är mer riktad för att endast rensa cache.

Metod 1

1. Klicka på ”Safari” och välj ”Preferences”
2. Klicka sedan på fliken ”Privacy”
3. Klicka på knappen ”Manage Website Data…”
4. Klicka på ”Remove all”
5. Nu är din cache rensad

Metod 2

1. Klicka på ”Safari” och välj ”Preferences”
2. Klicka sedan på fliken ”Advanced”, skrolla ned och klicka på ”Show Develop menu in menu bar”
3. Öppna det nya alternativet som dök upp i menyn och klicka på ”Empty Cahes”
4. Nu är din cache rensad.

Cache-plugin i WordPress

Du kanske har sett att någon utav dessa knappar har synts när du har loggat in som administratör på din hemsida. Dessa används också för att rensa cache. Den rensar alltså cachen som cache-pluginet på sidan har lagrat, inte din webbläsares cache. Dessa kan rensas genom att antingen klicka direkt på knappen eller genom att föra muspekaren över den och klicka på rensa.

Inkognito/privat läge

För att komma runt cachade versioner av hemsidor kan du alltid använda dig av en inkognito/privat version av din webbläsare. Dessa lagrar ingen cache, historik eller kakor.