I den här artikeln förklarar vi hur du installerar samt konfigurerar LiteSpeed på bästa sätt. Du kommer med andra ord lära dig allt om LiteSpeed.

Vad är LiteSpeed?

Litespeed Cache är ett tillägg för WordPress, som optimerar din webbsida och gör den snabbare. LiteSpeed är nästan alltid gratis för alla som tecknar sig för ett bra webbhotell, men om du vill använda LiteSpeed på din VPS-server kan du vara tvungen att betala en avgift.

15 steg för att installera och konfigurera LiteSpeed

Notera att dessa inställningar fungerar för mig, och de drygt 10 sidor jag kör LiteSpeed på. Om någonting skulle gå fel, ändra tillbaka inställningen till det ursprungliga läget. De inställningsalternativ som inte nämns ska inte heller ändras.

Tips 1: Du får gärna använda dig av guiden, men du gör så på egen risk. Alla webbsidor är olika, och fungerar därför olika bra tillsammans med Litespeed.

Tips 2: Glöm inte att alltid trycka på ”Save” efter att du ändrat någonting.

1. Installera LiteSpeed via WordPress appbutik

2. Ta dig till Litespeed -> General

• Automatically Upgrade: Det är viktigt att du uppdaterar LiteSpeed per automatik.
• Domain Key: Behövs för att LiteSpeed ska fungera. Du får en gratis nyckel genom att trycka på knappen.

3. Ta dig till Litespeed -> Cache -> Cache

• Enable cache (On): Ett måste för att Litespeed ska fungera.
• Cache logged in users (On): Slå på för snabbare navigering för inloggade användare.
• Cache comments (On): Slå på för att kommentarsfältet ska laddas snabbare.
• Cache REST API (On): Måste vara påslagen.
• Cache Login Page (On): Frivilligt, men vi rekommenderar att den är påslagen för att WP-gränssnittet ska bli snabbare.
• Cache Favicon.ico (On): Frivilligt, men låt den vara på för att sidan ska laddas snabbare.
• Cache PHP Resources (On): Viktigt då hela WordPress är uppbyggt på PHP, som mår bra av att snabbas upp.
• Cache Mobile: (Off): Låt denna inställning vara avaktiverad om du inte kör Google AMP.
• Private cached URL:s -> Lägg till sidor du vill undanta för cachingen, vid eventuella problem.

4. Ta dig till Litespeed -> Cache -> [3] Purge

Purge All On Upgrade (On): Ska aktiveras för att nytt material du lägger till på inlägg och sidor ska synas för besökarna. Standardinställningarna duger utmärkt.

5. Ta dig till Litespeed -> Cache -> [6] Object

• Object Cache (On): Ett måste för att LiteSpeed ska fungera.
• Method: Redis är i regel mer effektiv än Memcached.

6. Ta dig till Litespeed -> Cache -> [7] Browser

• Browser cache (On): Ska alltid vara påslagen.

7. Ta dig till Litespeed -> Cache -> [8] Advanced

• Instant click (On): Förladdar webbsidor för desktop-besökare. Bör vara aktiverad.

8. Ta dig till Litespeed -> Cache -> Image Optimization Summary

Gather Image Data: Du kan vara tvungen att trycka flera gånger för att ”få upp tempot”. Det går långsamt i början för att LiteSpeed vill skydda sig från Spam.

9. Ta dig till Litespeed -> Image Optimization Settings

• Auto Request Chron (On): Du komprimerar bilder per automatik.
• Auto Pull Chron (On): Måste vara påslagen för att ovanstående ska fungera.
• Optimize Original Images (On): Ska vara påslagen.
• Remove Original Backups (Off): LiteSpeed ska inte få ta bort originalbilderna. Det är viktigt ifall du skulle behöva ta en backup.
• Optimise Losslessly (On): En smaksak, men vi gillar att bilderna komprimeras till en bra kvalitet.
• Preserve Exif/XMP data (Off): Du ska alltid låta LiteSpeed ta bort personligt identifierbara data från dina bilder.
• Create WebP versions (On): Skapar bilder i ett mer lättviktigt filformat.
• Image WebP replacement (On): Ser till att dina WebP-bilder levereras snabbare.
• WebP for extra srcset (Off): Komprimerar WepP-bilder som WordPress kan ha dolt. Behöver inte vara påslagen.

10. Ta dig till Litespeed -> Page Optimization -> CSS settings

• CSS Minify (On): Snabbar upp din sida. Se till att inget annat tillägg också minifierar CSS. Eller exempelvis Cloudflare.
• CSS Combine (Off): Snabbar upp din sida genom att slå samman alla CSS-filer. Notera att denna inställning kan medföra problem beroende på vilket tema du använder.
• CSS Combine External and Inline (Off): Kan vara påslagen, och snabba upp din sida om inställningen fungerar med ditt tema.
• CSS HTTP/2 Push (Off): Samma sak här. Kan snabba upp din sida eller göra den obrukbar.
• Load CSS Asyncronously (Off): Måste vara påslagen för att Critical CSS-inställningen ska fungera.
• Generate Critical CSS (On): Laddar den viktigaste CSS:en först, för att göra din sida snabbare. I detta fall laddas ingen kritisk CSS, då jag stängt av ovanstående inställning pga. kompabilitetsproblem.
• Generate Critical CSS in Background (On): Ska vara påslagen Critical CSS-inställningen fungerar. Detta då den snabbar upp din sida ytterligare.

11. Ta dig till Litespeed -> Page Optimization -> Optimisation

• HTML Minify (On): Ska alltid vara påslagen. Se till att inget annat tillägg minifierar HTML, som Automtimize.
• DNS Prefetch Control (On): Förladdar viktig kod. Bör vara påslagen.
• Remove Query Strings (Off): Minskar antalet förfrågningar till servern, men kan även göra sidan obrukbar.
• Load Google Font Asynchronously (On): Ska vara påslagen om du kör med Google Fonts.
• Remove Google Fonts (Off): Ska vara avslagen om du kör med Google Fonts.
• Remove WordPress Emoji (On): Tar bort inbyggda Emojis som i princip ingen använder. On är det som gäller.
• Remove Noscript Tag (Off): En avancerad inställning. Låt denna vara avstängd om du inte vet hur Noscript fungerar.

12. Ta dig till Litespeed -> Page Optimization -> JS Settings

• JS Minify (On): Minifierar JavaScript. Ska vara påslagen.
• JS Combine (Off): Sammanfogar alla JavaScript-filer till en samlad fil. Snabbar upp sidan, men kan även göra den obrukbar. Använd på egen risk.
• JS External and Inline (Off): Ska vara påslagen för att JS Combine ska fungera. Denna inställning förstör några av mina sidor, men fungerar kanske på dina?
• JS HTTP/2Push (Off): Snabbar upp sidan, men kan även förstöra den.
• Load JS Deferred (On): Kan göra din sida snabbare. Är relativt riskfri att aktivera, så det bör du göra.
• Load Inline JS (After DOM Ready): Laddar din sidas olika komponenter i en logisk ordning, som gör att den laddas snabbare.

13. Ta dig till Litespeed -> Database

Här kan du rensa databasen för att spara utrymme på din webbserver. Sidan laddas dock inte snabbare för att du städar i databasen. Det gör ingenting om du ignorerar denna delflik.

14. Ta dig till Litespeed -> Cache Crawler -> General settings

Crawler (Off): Hos Inleed fungerar crawlern även för webbhotellskunder, medan Oderland valt att inte låta webbhotellskunder använda sig av crawlern. Jag har testat LiteSpeed Crawler på omkring 10 webbsidor, och alltid märkt av en hastighetsförsämring på mellan 3 och 20 procent. Låt oss hoppas att crawlern fungerar bättre i framtiden. Jag rekommenderar att du låter crawlern vara avstängd.

15. Ta dig till Litespeed -> Dashboard

Vid denna delflik kan du hastighetstesta din webbsida. Du ska alltid dubbelkolla att din sida blivit snabbare, när du konfigurerat om ett eller flera inställningsalternativ. Ett Page Speed-Score på minst 90 är fullt godkänt.

Du har denna guide nått sitt slut. Om du har några frågor eller funderingar. Hör gärna av dig till oss via e-post.