Kontakt os

WordPress cache

Med WordPress cache kan du få din hjemmeside til at blive lynende hurtig og ikke mindst skabe en meget bedre brugeroplevelse for dine besøgende.

 

Opsætning af WordPress cache

Der findes mange måder at opsætte cache på. I denne guide vil vi gennemgå, hvordan vi hos Bo-we opsætter cache hos vores kunder, samt hvorfor vi netop gør, som vi gør.

Er du en smule i tvivl om, hvad cache er eller hvordan du rydder din browsers cache, så kan du læse meget mere om det lige her.

WordPress plugin: LiteSpeed Cache

Hos Bo-we opsætter vi altid WordPress pluginet LiteSpeed Cache på vores kunders hjemmesider. Pluginet kommer med en All-in-one Solution, der helt genialt efter vores mening.

Derudover er pluginet LiteSpeed Cache også aktiveret på mere end én million WordPress hjemmesider. Derfor må det siges at være blandt et af de mest populære moduler inden for dette område.

LiteSpeed Cahce kan downloades her: https://da.wordpress.org/plugins/litespeed-cache/

LiteSpeed-Cache-plugin

4 gode grunde til netop at vælge LiteSpeed Cache

  • De har mere end 1 million aktive installationer.
  • De har +1.000 5-stjernet anmeldelser.
  • Modulet kommer med alt i én løsning, derved vil du ikke skulle installere flere moduler end dette.
  • LiteSpeed Cache hjælper også med at komprimere og optimere dine billeder.

Opsætning af LiteSpeed Cache

  1. Login på dit bagpanel
    Først og fremmest skal du logge ind på dit WordPress bagpanel for at kunne installere LiteSpeed Cache.
  2. Installér modulet
    Efter at du har logget ind, skal du gå til “Plugins” og trykke på “Tilføj nyt”, og efterfølgende skrive “LiteSpeed Cache” i søgefunktionen.
    LiteSpeed-cache-illustration-download
  3. Aktivér modulet
    Når du har fundet modulet, skal du trykke på “Installer Nu”, og derefter trykke på “Aktiver”.
    LiteSpeed-Cache-illustration-installer-plugin
  4. Godt klaret! 🎉
    Du er nu kommet i mål og har opsat cache på din hjemmeside eller webshop. Hvis du ønsker at udnytte LiteSpeed Cache modulet til sit yderste, har vi hos Bo-we nogle bestemte indstillinger, som vi altid slår til – for at få det ekstra, og ikke mindst gøre brugeroplevelsen endnu hurtigere. Derudover så komprimere og optimere LiteSpeed Cache også dine billeder.

Yderligere optimering af LiteSpeed Cache

For at optimere dit plugin yderligere, så dine sider bliver endnu hurtigere, er det vigtigt, at du aktivere modulets billede optimeringsfunktion.

Dette gøres således:
Først skal du starte med at klikke ind på modulet, hvorefter du kan se flere menupunkter; links, blandt andet “General”, “Cache”, “CDN”, “Image Optimization” og “Page Optimization” m.fl.

De to sidstnævnte menupunkter er dem, der skal rettes i. Vi gennemgår nedenfor, hvad du skal gøre og rette.

LiteSpeed-cache-yderligere optimering

#Domain Key
Når du har installeret pluginet, vil LiteSpeed Cache sandsynligvis spørge om “Domain Key”. Her skal du blot følge deres link ved at trykke “Click here to set”, hvor du viderestilles til feltet “Domain Key” som er tomt. Her skal du trykke på knappen ved siden af, der hedder “Request Domain Key”.

Du vil nu inden for de næste 15 minutter cirka modtage en “Domain Key”.

LiteSpeed-cache-request-domain-key

  1. Image Optimization
    Det første menupunkt, som du skal ind på er “Image Optimization”, heraf “Image Optimization Settings”, som vist i nedenstående video.

liteSpeed-cache-image-optimization
Fra “Image Optimization Settings” kan du opsætte så LiteSpeed Cache pluginet automatisk optimere dine billeder, samt lidt andre rigtig nyttige muligheder.

Følgende punkter på siden skal trykkes over på “On”, det vil sige, at det skal aktiveres*:

    • “Auto Request Cron” → Dette skal aktiveres
    • “Remove Original Backups” → Dette skal aktiveres
    • “Create WebP Versions” → Dette skal aktiveres
    • “Image WebP Replacement” → Dette skal aktiveres
    • “WebP For Extra srcset” → Dette skal aktiveres

*Inden du foretager ovenstående ændringer anbefales det, at du sikrer dig at have en backup af din side.

2. Page Optimization
Næste step er “Page Optimization, hvor du skal aktivere følgende 3 ting:

1# Første ting er på den forreste fane under CSS Settings, hvor “CSS HTTP/” Push” skal aktiveres, det vil sige, at du skal trykke på “ON”.
LiteSpeed-cache-css-settings

2# Under fanen “JS Settings” skal du ændre “JS HTTP/2 Push” fra “OFF” til “ON”.
LiteSpeed-cache-js-settings

3# Den sidste ting, du skal ændre er under fanen “Optimization Settings”, hvor du skal scrolle helt ned i bunden og klikke “Remove WordPress Emoji” over til “ON”.
Litespeed-cache-optimization-settings

WordPress clear cache med LiteSpeed Cache pluginet

Når du har installeret pluginet LiteSpeed Cache og ønsker eventuelt at ændre noget i stylingen på din side. Så kan der forekomme følgende problem: At du ændrer det ønskede på din side, men når du ser det på en anden computer eller telefon, så ser det ud som før. Dette skyldes, at LiteSpeed Cache lagrer en del af din hjemmeside på den besøgendes computer eller mobil, og for at sikre at dine ting går igennem, skal du rydde hjemmesidens cache.

Dette gøres sådan:

  1. Først skal du finde LiteSpeed Cache ikonet oppe i menuen. Dette kræver, at du er logget ind på dit WordPress bagpanel til din hjemmeside.
  2. Hold musen over ikonet, og før musen ned til “Purge All”.
  3. Tryk på “Purge All”, og vent indtil din skærm indlæses. Dette er også vist nedenfor.
    clear-cache-wordpress

Skal vi hjælpe dig?

Ønsker du, at vi tager et kig på din hjemmeside og hjælper med at opsætte cache? Så er du mere end velkommen til at ringe til os på 42 36 03 55, eller sende en mail på ap@bo-we.dk .

Indholdsfortegnelse
Brug for hjælp?
Send en mail til bo-we webbureauap@bo-we.dk Ring til Bo-we webbureau+(45) 42 36 03 55

Andreas Pedersen

Direktør / udvikler

Andreas Pedersen - Direktør for Bo-we webbureau