Hvorfor skal jeg installere LiteSpeed cache?

Hvis du oplever at dit WordPress site er langsom, både i admin og som gæst, bør du installere et Cache plugin.

Her kan vi anbefale LiteSpeed Cache, da vores servere kører LiteSpeed. Derfor giver det rigtig god mening at installere LiteSpeed Cache plugin på dit WordPress site.

Det er ret lige til at installere LiteSpeed Cache på dit WordPress site. Følg nedenstående guide trin for trin som vi har delt op i 6 dele.

Del 1: Installation af LiteSpeed Cache Plugin'et

1. Log ind på dit WordPress Dashboard:

   • Gå til din WordPress login-side (typisk https://ditdomæne.dk/wp-admin).

   • Indtast dit brugernavn og adgangskode.

2. Naviger til Plugins:

   • I venstre side, holdes musen over "Plugins" og du kan klikke på "Tilføj nyt".

3. Søg efter LiteSpeed Cache:

   • I søgefeltet øverst til højre, skriv "LiteSpeed Cache" og tryk Enter.

4. Installer Plugin'et:

   • Find "LiteSpeed Cache" af LiteSpeed Technologies.

   • Klik på knappen "Installer nu".

5. Aktiver Plugin'et:

   • Når installationen er færdig, vil knappen ændre sig til "Aktiver". Klik på den.

   • Du vil nu se "LiteSpeed Cache" i venstre sidepanel.

Del 2: Grundlæggende Opsætning af LiteSpeed Cache

Efter aktivering vil LiteSpeed Cache automatisk begynde at cache nogle ting, men vi skal finjustere indstillingerne.

1. Naviger til LiteSpeed Cache Indstillinger:

   • I venstre sidepanel, klik på "LiteSpeed Cache".

2. Gå til Dashboard:

   • Under "LiteSpeed Cache", klik på "Dashboard". Her kan du se en overordnet status.

   • Ønsker du at opsætte CDN, kan du allerede her registrere en gratis bruger til QUIC.cloud.

3. Gå til "Cache" Indstillinger:

   • Under "LiteSpeed Cache" skal du klikke på "Cache".

   • Cache:

     • Sørg for, at "Enable Cache" er sat til ON.

     • Typisk vil du sætte Cache Logged-in Users til OFF (medmindre du har specifikke behov for at cache brugere der er logget ind).

     • Sæt Cache Mobile til ON hvis dit site har forskellige versioner for mobil og desktop.

     • Sæt Cache BROWSER til ON for at udnytte browser caching.

   • TTL (Time To Live):

     • Disse indstillinger definerer, hvor længe cachede elementer skal gemmes, før de bliver forældede. Standardindstillingerne er ofte et godt udgangspunkt, men du kan justere dem baseret på, hvor ofte dit indhold ændres.

       • Default Public Cache TTL: F.eks. 604800 sekunder (1 uge)

   • Purge:

     • Under "Purge", sørg for, at Purge ALL on Upgrade er ON. Dette sikrer, at cachen tømmes, når du opdaterer WordPress, temaer eller plugins.

   • Excludes (Udelukkelser):

     • Hvis der er specifikke sider, kategorier eller brugere, du ikke ønsker at cache, kan du angive dem her. Dette er ofte brugbart for f.eks. checkout-sider eller admin-områder.

   • Objekt:

     • Dette er vigtigt for Object Cache, som vi dækker i Del 3.

   • Browser:

     • Sørg for Browser Cache er ON.

   • Advanced:

     • Gennemgå de avancerede indstillinger. De fleste standardindstillinger er fine, medmindre du har specifikke behov.

   • Glem ikke at klikke på "Gem ændringer" nederst på hver fane, når du har foretaget justeringer.

Del 3: Opsætning af Object Cache (Memcached eller Redis)

Object Cache er en database-caching, der fremskynder databaseforespørgsler ved at gemme resultater i hukommelsen. LiteSpeed Cache understøtter Memcached og Redis. Redis er generelt anbefalet, da det er mere moderne og har flere funktioner.

Forudsætning: Memcached eller Redis skal være tilføjet i PHP extensions for den PHP version du bruger. Er du i tvivl kan du skrive til os på support@e-studio.dk

1. Naviger til LiteSpeed Cache Indstillinger:

   • Klik på "LiteSpeed Cache" i venstre sidepanel.

2. Gå til "Cache" og derefter "Object":

   • Klik på "Cache", og derefter på fanen "Object".

3. Aktiver Object Cache:

   • Sæt Object Cache til ON.

4. Vælg Metode:

   • Under Method, vælg enten Memcached eller Redis afhængigt af, hvilken du ønsker at benytte. Du kan her læse hvad forskellen er på Memcached og Redis.

5. Gennemse andre indstillinger:

   • Do Not Cache WP-Admin: Anbefales at sætte til ON for at undgå at cache dit admin-område.

   • Persistent Connection: Sæt til ON for bedre ydeevne.

6. Test Forbindelse:

   • Klik på "Gem ændringer".

   • Du skal nu se en "Test Connection" knap. Klik på den for at bekræfte, at LiteSpeed Cache kan forbinde til din Object Cache-server. Du bør se en "Connected" meddelelse.

Del 4: Opsætning af CDN (Content Delivery Network) med QUIC.cloud

LiteSpeed Cache har en stærk integration med QUIC.cloud CDN, som er LiteSpeeds eget CDN-tilbud. QUIC.cloud tilbyder også en række andre optimeringsfunktioner (f.eks. Image Optimization, Critical CSS Generation).

1. Naviger til LiteSpeed Cache Indstillinger:

   • Klik på "LiteSpeed Cache" i venstre sidepanel.

2. Gå til "CDN" Indstillinger:

   • Klik på "CDN".

3. Tilknyt QUIC.cloud Domain:

   • Under "CDN" i LiteSpeed Cache, skal du klikke på "Link to QUIC.cloud". Dette vil føre dig til QUIC.cloud og bede dig om at logge ind eller oprette en konto.

   • Følg instruktionerne på QUIC.cloud for at tilføje dit domæne.

   • Du vil blive bedt om at oprette et CNAME til dit domæne. Dette gøres i cPanel under Zone Editor,  hvor du skal tilføje CNAME til www. recorden.

   • Klik på "Gem ændringer".

Del 5: Yderligere Optimering med LiteSpeed Cache

LiteSpeed Cache tilbyder mange andre optimeringsfunktioner, der kan forbedre din hjemmesides ydeevne:

1. Image Optimization:

   • Gå til "Image Optimization" under "LiteSpeed Cache".

   • Du kan anmode om optimering af billeder (komprimering og WebP konvertering) via QUIC.cloud. Følg instruktionerne for at oprette en Pull Request.

2. Page Optimization:

   • Gå til "Page Optimization".

   • CSS Settings:

     • CSS Minify: ON (Reducer filstørrelse)

     • CSS Combine: ON (Kombiner flere CSS-filer til én, kan dog bryde nogle sites, så vær opmærksom)

     • Load CSS Asynchronously: ON (Kan forbedre perceived performance, test grundigt!)

   • JS Settings:

     • JS Minify: ON

     • JS Combine: ON (Kan også bryde sites, test!)

     • Load JS Deferred: ON (Udskyd indlæsning af JavaScript til sidst, test igen grundigt!)

   • HTML Settings:

     • HTML Minify: ON

     • DNS Pre-fetch: ON (Kan forbedre indlæsning af eksterne ressourcer)

     • Remove Google Fonts: ON (Hvis du hoster Google Fonts lokalt)

3. Database Optimization:

   • Gå til "Database".

   • Her kan du rydde op i din database (f.eks. slette revisioner, spam-kommentarer, transienter). Tag altid en backup af din database, før du udfører disse handlinger!

4. Crawler:

   • Gå til "Crawler".

   • LiteSpeed kan "crawle" dit site i baggrunden for at forudgenerere cache for sider. Dette forbedrer ydeevnen for den første besøgende. Sørg for at Crawler er ON.

Del 6: Test og Overvågning

Efter installation og opsætning er det afgørende at teste dit website grundigt for at sikre, at alt fungerer som forventet, og at ydeevnen er forbedret.

1. Test Din Hjemmeside:

   • Besøg din hjemmeside i en inkognito/privat browserfane.

   • Naviger rundt på forskellige sider, test formularer, kommentarer, og andre interaktive elementer.

   • Tjek for eventuelle visuelle fejl eller brudte funktionaliteter.

2. Kontroller Cache-status:

   • Åbn din hjemmeside i en browser og åbn udviklerværktøjerne (F12).

   • Gå til fanen "Netværk" (Network).

   • Genindlæs siden (Ctrl+F5 eller Cmd+Shift+R for at tvinge en fuld genindlæsning).

   • Klik på en HTML-fil (din hovedside).

   • Kig under "Headers" i svaret. Du bør se en header som X-LiteSpeed-Cache: hit (hvis siden er cached) eller X-LiteSpeed-Cache: miss (første gang siden indlæses). Dette bekræfter, at LiteSpeed Cache virker.

3. Ydeevne Testværktøjer:

   • Brug værktøjer som Google PageSpeed Insights, GTmetrix eller Pingdom Tools til at måle din hjemmesides ydeevne før og efter installationen. Du bør se en markant forbedring.

Vigtige tips:

• Backup: Tag altid en fuld backup af dit WordPress-site (filer og database), før du installerer nye plugins eller foretager større konfigurationsændringer.

• Test grundigt: Nogle optimeringsindstillinger (især "Combine CSS/JS") kan potentielt bryde dit website. Test altid grundigt efter at have ændret disse indstillinger.

• Start forsigtigt: Hvis du er usikker, start med de grundlæggende caching-indstillinger og tilføj gradvist mere avancerede optimeringer.

• Ryd cache: Brug "Purge All" funktionen i LiteSpeed Cache Dashboard, når du foretager ændringer på dit site (f.eks. opdaterer indhold, temaer eller plugins), for at sikre, at besøgende ser den nyeste version.

Dette er en omfattende guide, der dækker de vigtigste aspekter af installation og opsætning af LiteSpeed Cache med Object Cache og CDN. God fornøjelse med et hurtigere WordPress-site!