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.