,

De 4 bästa WordPress caching plugins för bättre laddningstider

Profilbild för Joost Boer

Publiceringsdatum

Anledningen till att du behöver en caching-plugin är enkel: du kan göra din webbplats mycket snabbare utan tekniska kunskaper.

Varje WordPress caching-plugin fungerar ungefär enligt följande. Caching-pluginet sparar en färdig version av dina webbsidor, så att servern inte behöver generera dem om och om igen. När en besökare besöker din webbplats visas den sparade versionen direkt, vilket kortar laddningstiden avsevärt. Detta minskar belastningen på servern och ger en snabbare och smidigare användarupplevelse.

Det finns dock betydande skillnader mellan caching-plugins när det gäller användarvänlighet, kostnader och verklig prestanda. Jag har granskat de mest populära caching-plugins och presenterar här de 5 bästa alternativen.

De bästa WordPress caching-plugins

Den perfekta caching-pluginen för din webbplats beror på olika faktorer. Detta är särskilt relevant om din host inte använder LiteSpeed, eftersom LiteSpeed Cache i så fall oftast är det bästa valet.

Vilken plugin som fungerar bäst påverkas av webbservern du använder, vilken typ av webbplats du driver, WordPress-temat som är installerat och de inställningar du har aktiverat eller inaktiverat. Det som fungerar utmärkt på en webbplats kan vara mindre effektivt på en annan.

Vill du verkligen veta vad som fungerar bäst för din webbplats? Då är det klokt att jämföra några av de plugins som nämns nedan. Prova några och använd verktyg som GTMetrix eller Google PageSpeed för att mäta prestandan. Öppna dessutom din webbplats i ett inkognito-fönster och bedöm själv hur snabb den känns. Hastighetstester ger nämligen inte alltid hela bilden av hur en webbplats faktiskt känns för dina besökare.

LiteSpeed Cache

Kostnad: gratis
Aktiva installationer: 6+ miljoner
Betyg: 4,8/5 (2500+ recensioner)

När du använder LiteSpeed hosting, använd då LiteSpeed Cache.

VISSTE DU ATT: my.host använder LiteSpeed för alla deras paket? Byt till LiteSpeed-hosting för några euro i månaden.

Med ett betyg på 4,8/5 i WordPress plugin-katalogen och mer än 6 miljoner aktiva installationer, är LiteSpeed Cache en av de mest älskade och mest använda WordPress-plugins.

Det är snabbt, omfattande, enkelt att använda och helt gratis.

LiteSpeed Cache erbjuder snabb server-side caching (de andra plugins i denna översikt gör inte det) och har ett stort företag bakom sig som ständigt förbättrar pluggen.

Unika funktioner

  • Server-caching. Detta stöter du nästan aldrig på bland caching-plugins. Fördelen med server-side caching är att det minskar bearbetningstiden och belastningen på servern avsevärt, vilket gör att din webbplats laddas mycket snabbare.
  • Guest Mode + Guest Optimization. Förbättrar laddningstiden för nya besökare. Guest Optimization går ett steg längre genom att tillämpa ytterligare optimeringar på sidor och bilder.
  • Public + private caching. LiteSpeed erbjuder olika alternativ för att hantera allmän cache (sidor som alla kan se) och privat cache (sidor som kan variera beroende på besökaren) separat.
  • ESI (Edge Side Includes). Reglerar hur specifika element på dynamiska sidor cachas. Ändra bara detta om du vet vad du gör, för en felaktig konfiguration kan faktiskt sakta ner din webbplats.
  • TTL-inställningar. De flesta cache-plugins erbjuder mycket mindre omfattande TTL-inställningar än LiteSpeed Cache.
  • UCSS (Unused CSS Removal). Tar bort oanvänd CSS och laddar effektivare in använd CSS i en separat fil.
  • Bildoptimering. Den största skillnaden med LiteSpeed är LQIP (Low Quality Image Placeholder), där en suddig, förminskad version av en bild laddas som en tillfällig platshållare. Detta minskar CLS (Cumulative Layout Shift). Dessutom kan pluginet komprimera bilder, ta bort EXIF-data och använda WebP.
  • Gravatar-cache. Särskilt användbart om din blogg innehåller många kommentarer med Gravatars.
  • Crawler. Söker igenom din webbplats efter sidor vars cache har gått ut och förnyar den. Var dock försiktig med denna funktion: den kan lägga beslag på dina serverresurser.

Känner du inte igen de ovanstående termerna? Oroa dig inte. LiteSpeed Cache har ett antal förinställda inställningar som du kan aktivera med ett enda klick. Så även som fullständig nybörjare kan du använda LiteSpeed Cache utan problem.

För de allra bästa resultaten lönar det sig dock att själv experimentera med inställningarna.

FlyingPress

Kostnad: från $49 per år (för 1 webbplats)
Aktiva installationer: n.v.t.
Betyg: n.v.t.

Enligt Chrome’s UX-rapport är WordPress-sajter som använder FlyingPress i topp när det gäller Core Web Vitals.

Detta säger naturligtvis inte allt. FlyingPress är ett caching-plugin som i allmänhet används av användare som är lite mer tekniskt lagda. Därför har de förmodligen också ett snabbare WordPress-tema och snabbare hosting än den genomsnittliga WordPress-användaren. Icke desto mindre är det en fin prestation.

Pluggen drivs av ett litet team som är snabba med att lägga till nya funktioner. Flying Scripts och Flying Pages var de första plugins som fördröjde JavaScript och laddade sidor smart i förväg, något som senare togs över av WP Rocket. Även nu gör FlyingPress saker som andra cache-plugins inte kan: lazy render HTML-element, självständigt hosta YouTube-placeholders och lazy load av bakgrundsbilder med hjälp av lazy-bg hjälparklass.

Unika funktioner

  • För-ladda kritiska bilder. Känner automatiskt igen bilder i viewporten och för-laddar dem. Eftersom dessa bilder kan variera per sida är manuell för-laddning tidskrävande och leder ofta till onödig för-laddning av oanvända bilder.
  • Exkludera främsta bilder från lazy loading. Istället för att manuellt exkludera vissa bilder från lazy loading, kan du i FlyingPress ställa in att till exempel de första 2-3 bilderna ovanför viken automatiskt exkluderas. Detta fungerar bättre än en fast lista, eftersom dessa bilder kan variera per sida. Manuell exkludering är också möjlig.
  • För-ladda sidor. Flying Pages (som är integrerat i FlyingPress) gör länk-för-laddning bättre än till exempel WP Rocket och har smarta funktioner för att undvika att skapa CPU-belastning.
  • Lazy render HTML-element. Detta fungerar på liknande sätt som lazy loading för bilder, men för varje HTML-element (som footern, copyright-sektionen eller kommentarer). I dokumentationen förklaras hur du i Chrome DevTools kopierar selektorer från element som du vill lazy rendera och lägger till dessa i FlyingPress. Detta verkar vara den enda cache-pluginen som stöder detta.
  • Lazy load bakgrundsbilder. Med FlyingPress kan du enkelt lägga till klassen lazy-bg till bakgrundsbilder för att göra dem lazy load. Hos många andra caching-plugins kräver detta en mer komplicerad process, som att flytta bakgrundsbilder till inline HTML, eller så stöds det ibland inte alls. Detta kan i PageSpeed Insights leda till fel med ”defer offscreen images”.
  • Fontsnitt lokalt värda. Att hysa fontsnitt lokalt är snabbare, särskilt om du förladdar dem. De flesta cache-plugins stöder inte detta som standard.
  • Youtube-platshållare lokalt värda. När du bäddar in YouTube-videor laddas miniatyren normalt från i.timg.com, vilket orsakar en extern begäran. Detta gör att bilden inte kan cachelagras, inte kan serveras via ett CDN och kan leda till fel i PageSpeed Insights. FlyingPress löser detta genom att automatiskt ladda ner och hosta bilden lokalt.

WP Rocket

Kostnad: från $59 per år (för 1 webbplats)
Aktiva installationer: n.v.t.
Betyg: n.v.t.

WP Rocket är förmodligen det mest kända namnet inom världen av WordPress-plugins. De är fortfarande utmärkta, men ligger idag några steg efter de två cache-plugins ovan.

WP Rocket används av miljoner människor och har därför utmärkt dokumentation och en mycket livlig Facebook-grupp. Detta gör att du utan alltför mycket ansträngning kan få ut mesta möjliga av detta plugin.

Några saker att tänka på:

  • Pluginet erbjuder fortfarande ingen bildoptimering. För detta behöver du en separat plugin.
  • De fokuserar otroligt mycket på hastighetstestverktyg – men inte tillräckligt på hur riktiga användare upplever din webbplats.
  • Funktionerna ligger efter de i LiteSpeed Cache och FlyingPress.

Unika funktioner

  • Fördröjning av JavaScript. WP Rocket fördröjer JavaScript automatiskt baserat på sina egna regler, varefter du själv måste utesluta JS-filerna som bryter din webbplats.
  • Ta bort oanvänd CSS. WP Rocket är något långsammare än alternativen eftersom den placerar oanvänd CSS inline istället för att ladda den i ett externt stylesheet. Detta kan inte bara bryta webbplatser utan också öka CPU-belastningen eller helt enkelt inte fungera om servern går ner. Det är inte heller en riktigt unik funktion, eftersom LiteSpeed Cache och FlyingPress också gör detta – och bättre.
  • Hjälpar-plugins. WP Rocket erbjuder olika användbara plugins för att ytterligare anpassa funktionaliteten hos cache-pluginet.

W3 Total Cache

Kostnad: Gratis (premium från $99 per år för 1 webbplats)
Aktiva installationer: 1+ miljon
Betyg: 4,4/5

W3 Total Cache är en gammal veteran när det kommer till cache-plugins. Pluginet har en gratis version och en premiumupplaga (som enligt mig är något för dyr).

De har lagt till en installationsguide som testar din webbplats med Redis, Memcached eller andra inställningar som disk: enhanced, och visar sedan vilket alternativ som ger mest besparingar. Minify-inställningarna erbjuder nu alternativet att fördröja (defer) eller asynkront ladda (async) JavaScript. Dessutom har de lagt till olika bildoptimeringar, som lazy loading, bildkompression och WebP-stöd via deras gratis bildservicetillägg. Riktigt fina förbättringar alltså.

Använder du inte LiteSpeed hosting, och vill du absolut inte betala för en cache-plugin, så är detta ditt bästa val. Men den betalda varianten är enligt mig för dyr för vad du får.

Slutsats: använd om möjligt LiteSpeed Cache

Cache-plugins som FlyingPress och WP Rocket är i princip utmärkta.

Det största problemet jag har med dem är kostnaden: minst 50 dollar per år för en enskild webbplats. Driver du en portfölj av webbplatser kan kostnaderna lätt uppgå till hundratals dollar per år.

Använder din webbhotell LiteSpeed-servrar? Fantastiskt. I så fall kan du nu direkt ladda ner och aktivera den gratis LiteSpeed-cache-pluginen.

Använder din webbhotell inte LiteSpeed-servrar? Då kan du överväga att byta. LiteSpeed hosting är generellt billigare och snabbare än hosting-leverantörer som lutar sig på NGINX eller Apache-teknik.

My.host erbjuder snabb LiteSpeed-hosting till rättvisa priser.

Profilbild för Joost Boer

Publicerad

in

,

Tags:

kommentarer

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *