WP Rocket: Snabba upp din WordPress-webbplats med bara några klick

WP Rocket Plugin - Logotyp
WP Rocket Plugin

Vilka är fördelarna med WP Rocket-plugin?

WP Rocket är ett WordPress-cache-plugin som förbättrar hastigheten på WordPress-webbplatser genom att implementera olika avancerade optimeringar, såsom cachelagring, förladdning av din webbplats cache och typsnitt, minifiering av CSS- och Javascript-filer, uppskjuten laddning av Javascript-filer, optimering av WordPress-databasen, etc.

WP Rocket, till skillnad från många caching-plugins, kräver inga komplicerade inställningar och börjar fungera så fort du installerar och aktiverar den. Denna plugin kräver ingen teknisk eller kodningskunskap, men den låter dig göra avancerade inställningar om du vill. Slutligen låter detta plugin dig enkelt ångra de ändringar som gjorts om du behöver.

Före/efter jämförelse

Vi kommer tillbaka till inställningarna och alla möjligheter med detta plugin senare, men jag ville visa dig dess inverkan på en webbplats före/efter installationen, och efter att ha gjort några mycket enkla inställningar på två flikar: fliken “Filoptimering” CSS och JS” och fliken “Media”.

WP Rocket hävdar att vi kan uppnå betydande resultat mycket enkelt, och utan att ha någon teknisk kunskap i förväg. För att kunna göra jämförelser kommer jag att använda GTmetrix för att testa prestandan för en Managed WordPress-webbplats hos webbhotell Hostinger, med hjälp av ett gratis Cloudflare CDN-konto.

1) Resultat före installation av WP Rocket:

Webbplatsens prestanda innan du installerar WP Rocket-plugin

2) Resultat efter installation av plugin:

Webbplatsens prestanda direkt efter installation av WP Rocket-plugin

Många funktioner har aktiverats som standard, inklusive filförladdning och cachefunktioner.

3) Inställningar på fliken CSS och JS Files Optimization:

Dessa funktioner är inte aktiverade som standard. Här är inställningarna jag gjorde:

  • Förminska CSS-filer: vrida på
  • Kombinera CSS-filer: vrida på
  • Optimera CSS-leverans + ladda CSS-filer asynkront: vrida på
  • Förminska CSS-filer: vrida på
  • Uppskjuten laddning av JS-filer: vrida på
  • Fördröj körning av JavaScript tills användarinteraktion: vrida på

Här är resultaten som erhålls genom att optimera CSS- och JS-filer:

Webbplatsprestanda efter filoptimering - WP Rocket-plugin

Genom att optimera CSS- och Javascript-filerna kunde jag gå från klass B till klass A i GTmetrix, med bara några klick!

4) Inställningar på fliken “Media”:

Det här är inställningarna relaterade till “Lazy Load” och bildstorlek.

  • Aktivera för bilder: vrida på
  • Aktivera för iframes och videor: vrida på
  • Lägg till saknade bildmått: vrida på

Här är de ytterligare resultaten som erhållits tack vare inställningarna relaterade till Lazy Load och bildstorlek:

Webbplatsprestanda efter Lazy Load av iframes och videobilder - WP Rocket plugin

5) Resultat erhållna efter bildoptimering av Imagify:

Prestanda uppnås genom bildoptimering av Imagify

Som vi lätt kan se är resultaten verkligen väldigt intressanta, vi har en optimerad webbplats på bara några få klick, vilket kommer att ha en positiv inverkan på SEO.

WP ROCKET Prissättning

WP Rocket Plugin - Prissättning

Vi har valet mellan 3 årsplaner, beroende på antalet webbplatser vi vill optimera:

Single-planen är giltig för en enda WordPress-webbplats och kostar endast $49 per år (eller €44 per år), support ingår. Du kan använda plugin-programmet på fler webbplatser genom att uppgradera din licens. När du uppgraderar betalar du endast prisskillnaden mellan din nuvarande licens och den du uppgraderar till.

Plus-planen låter dig optimera 3 webbplatser och kostar $99 per år (eller €88 per år). Slutligen kostar Infinite-planen $249 per år (eller €222 per år) och tillåter optimering av ett obegränsat antal WordPress-webbplatser.

Ibland kan du få plugin till ett rabatterat pris. Det erbjuds en 100 % pengarna tillbaka-garanti inom 14 dagar efter köpet. Vid förnyelse av licensen erbjuds 30 % rabatt.

WP Rocket Plugin

Alla WP Rocket-inställningar:

1) WP Rocket Dashboard

Plugin WP Rocket Onglet tableau de bord
  • Mitt konto: det är här information om din licens anges.
  • “Snabbåtgärder”: dessa inställningar låter dig radera alla cachade filer med ett klick, börja cacheförladdning eller återskapa kritisk CSS.
  • RocketCDN: Du har möjlighet att prenumerera på WP Rockets eget CDN. Men priset verkar lite högt för mig: $7,99 per månad.
  • Min status: Den här inställningen tillåter att anonym data delas med utvecklingsteamet för att förbättra WP Rocket.
  • Länkar till videor som förklarar hur plugin-programmet fungerar, hur man mäter hastigheten på din webbplats, hur man gör de bästa inställningarna, … Det finns också en länk till den officiella plugin-dokumentationen, och slutligen en länk för att kontakta support.

2) Fliken Cache:

Plugin - WP Rocket - Fliken Caching
  • Mobilcache: Denna justering låter dig aktivera eller inaktivera cachelagring för mobilanvändare. Alternativt kan du använda separata cachefiler för mobila enheter (detta är ett alternativ för personer som använder dedikerade mobilteman).
  • Användarcache: Med den här inställningen kan du aktivera eller inaktivera cachelagring för användare som är inloggade. Användarcachen är användbar om en webbplats har specifikt innehåll för användarna.
  • Cachelivslängd: Denna justering låter dig ange tiden efter vilken cachefiler kommer att raderas.

När det gäller e-handel, cachelagrar inte WP Rocket känsliga sidor. Inget ingrepp i köpprocessen är därför att befara.

3) Fliken Filoptimering

Plugin WP Rocket Onglet Optimisation des fichiers

Det här är fliken som låter dig optimera och justera inställningar för CSS- och JavaScript-filer. När det gäller CSS-filer kan du:

  • Förminska CSS-filer genom att ta bort kommentarer och blanksteg i CSS-filer för att minska deras storlek.
  • Kombinera filer: Denna tweak slår samman olika CSS-filer till en enda fil, vilket minskar antalet HTTP-förfrågningar.
    Det är möjligt att utesluta vissa CSS-filer från minifiering och sammanslagning av CSS-filer.
  • Optimera CSS-leverans genom att eliminera renderingsblockerande CSS. Det finns att välja mellan två metoder: ta bort den oanvända CSS-koden (metoden i betaversion, det är den som officiellt rekommenderas), eller metoden för asynkron laddning av CSS.

För JavaScript-filer kan du:

  • Förminska JavaScript-filer genom att ta bort kommentarer och blanksteg i JS-filer för att minska deras storlek. Det är möjligt att utesluta vissa JavaScript-filer från minifiering.
  • Kombinera JavaScript-filer genom att slå samman alla JS-filer för att minska antalet HTTP-förfrågningar. Det är möjligt att utesluta vissa JavaScript-filer från sammanlänkningen.
  • Skjut upp laddningen av JavaScript för att eliminera renderingsblockerande JavaScript på din webbplats för att förbättra laddningstiden. Det är möjligt att utesluta vissa JavaScript-filer.
  • Fördröja JavaScript-körning tills användaren interagerar (t.ex. när användaren rullar på skärmen eller klickar med musen)
WP Rocket Plugin

4) Fliken Media:

Plugin WP Rocket Onglet Media
  • Med fliken Media kan du optimera mediefiler på din webbplats. För detta aktiverar plugin uppskjuten laddning för bilder, iframes och videor, vilket gör det möjligt att minska deras laddningstid (det finns ett alternativ som låter dig utesluta vissa bilder eller vissa iframes). Slutligen kan du ersätta YouTube iframe med en förhandsgranskningsbild.
  • Det är också möjligt att lägga till saknade bredd- och höjdattribut till bilder. Denna tweak hjälper till att förhindra layoutändringar och förbättrar läsupplevelsen för webbanvändare.

5) Fliken Förladdning:

Plugin WP Rocket Onglet Prechargement
  • Aktivera filförhämtning för att generera cachefiler som börjar med länkar till hemsidan, följt av XML-webbplatskartor. Filförladdning utlöses automatiskt när du lägger till eller uppdaterar innehåll och kan även utlösas manuellt från administratörsfältet eller från WP Rocket-instrumentpanelen.
  • Aktivera länkförladdning som dramatiskt förbättrar upplevd laddningstid genom att ladda en sida när en användare håller muspekaren över en länk.
  • Förhämtning av DNS-frågor för att minska laddningstiden för externa filer. Du måste manuellt ange webbadresserna som ska förhämtas.
  • Förhämtning av teckensnitt: Denna justering förbättrar webbplatsens prestanda genom att tillåta webbläsare att upptäcka teckensnitt direkt i CSS-filer. Du måste manuellt ange URL:erna för filerna som innehåller teckensnitten som ska laddas i förväg. Dessa typsnitt måste finnas på din egen domän eller den domän du angav på CDN-fliken.

6) Fliken Avancerade inställningar:

Plugin WP Rocket Onglet Reglages avances 2

WP Rocket erbjuder också några mer avancerade inställningar så att du kan finjustera dina cacheregler. Det här avsnittet låter dig ställa in regler som:

  • Webbadresser till sidor eller artiklar som aldrig ska cachelagras, till exempel: inloggnings- eller utloggningssidor, beställningsvalideringssida,…
  • Cookie-ID:n som, när de ställs in i besökarens webbläsare, ska förhindra att en sida cachelagras.
  • Användaragentsträngar som aldrig ska se cachade sidor.
  • Webbadresser som bör rensas på alla sidor eller lägga upp innehållsuppdateringar.
  • Frågesträngar som ska cachelagras.

För alla dessa avancerade inställningar måste du ange de resurser du vill optimera: URL:er, cookie-ID:n, frågesträngar.

7) Fliken Databas:

Plugin WP Rocket Onglet Base de donnees

WP Rocket erbjuder även avancerad databasoptimering så att du inte behöver använda en separat plugin för det, vilket alltid är bra när det kommer till säkerhet och prestanda. I det här avsnittet kan du aktivera följande inställningar:

  • Funktionen Post Cleanup tillåter oss att permanent ta bort inläggsrevisioner, automatiska utkast och raderade inlägg, vilket är särskilt bra för bloggar.
  • Comment Cleanup hjälper till att permanent ta bort skräppost och raderade kommentarer.
  • Transient Cleanup: Denna funktion är verkligen användbar, eftersom transienter verkligen kan sakta ner en webbplats.
  • Databasrensning.
  • Slutligen kan du konfigurera en automatisk rengöring, denna rengöring kan vara dagligen, veckovis eller månadsvis.
WP Rocket Plugin

8) CDN-fliken

Plugin WP Rocket Onglet CDN

CDN-fliken låter dig justera CDN-inställningarna (nätverk för innehållsleverans) för din webbplats. I det här avsnittet kan du:

  • använd WP Rockets eget nätverk för leverans av innehåll: RocketCDN. Priset är $7,99 per månad.

Fördelarna med detta CDN är flera: automatisk konfiguration som gör att vi kan undvika att konfigurera parametrar som ibland är svåra att helt förstå. RocketCDN kommer helt enkelt att tillämpa den bästa konfigurationen för att öka visningshastigheten på vår webbplats.

RocketCDN sparar oss också tid: du behöver inte söka efter de bästa CDN-instrumentpanelsinställningarna. Tvärtom behöver vi bara ange en personlig webbadress och vår sida blir omedelbart snabbare.

Slutligen drivs RocketCDN av StackPath .

  • CDN-fliken låter dig också aktivera det CDN du väljer (annat än Cloudflare eller Sucuri, dessa stöds av fliken “Tillägg”). Statiska fil-URL:er (bilder, Javascript och CSS) kommer att skrivas om till det CDN CNAME du anger. Det är möjligt att utesluta specifika webbadresser från CDN-stöd.

9) Hjärtslagsfliken

Plugin WP Rocket Onglet Battement de coeur

På den här fliken kan du styra WordPress Heartbeat API. Detta API gör att webbläsaren kan kommunicera automatiskt med servern. I det här avsnittet av WP Rocket-inställningar kan du:

  • Aktivera Heartbeat Control.
  • Minska, ta bort begränsningen, eller tvärtom inaktivera Heartbeat-aktivitet för: beteendet i backend, beteendet i postredigeraren och slutligen beteendet i frontend.

API:et kör en uppsättning uppgifter med ett intervall eller “tick” var 15-60:e sekund och använder filen admin-ajax.php på backend (dashboard), inläggsredigerare eller frontend för att utföra denna aktivitet. Många admin-ajax.php-förfrågningar på vissa servrar kan orsaka överdriven CPU-overhead eller användning. Beroende på webbhotell och värdtyp kan denna överbelastning leda till prestandaproblem och i slutändan avstängningar av webbhotellkonton.

WP Rocket Plugin

10) Fliken Tillägg

På den här fliken finns två typer av tillägg tillgängliga: moduler som kan aktiveras med ett klick och därför inte kräver någon konfiguration, samt moduler som kräver autentisering.

Plugin WP Rocket Onglet Modules complementaires 1

De ettklicksaktiverade modulerna är Varnish och WebP-kompatibilitetsmodulen:

  • Varnish låter dig rensa Varnish-cachen varje gång WP Rocket-plugin tömmer sin egen cache, så att innehållet som erbjuds till Internetanvändare alltid är uppdaterat.
  • Inställningen “WebP-kompatibilitet” gör det möjligt att skapa en separat cachefil, om vi använder detta bildformat tack vare ett specifikt WordPress-plugin.
Plugin WP Rocket Onglet Modules complementaires 2 1

Modulerna som kräver autentisering är Cloudflare och Sucuri:

  • Cloudflare-tillägget låter dig integrera ditt Cloudflare-konto. Du måste ange din Cloudflare-e-post och API-nyckel.
  • Sucuri-tillägget låter dig synkronisera cachen från ditt Sucuri-konto. Du måste ange din “Brandväggs API-nyckel”.

11) Fliken Bildoptimering

Installerar IMAGIFY

Det är här du kan installera plugin-programmet Imagify om du vill optimera dina bilder. Mer information om Imagify i den här artikeln.

12) Fliken Verktyg

Plugin WP Rocket Onglet Outils 1
  • Exportera och importera inställningar: Du kan ladda ner en kopia av dina inställningar, vilket är särskilt användbart när du behöver hantera flera WordPress-webbplatser. Klicka bara på knappen till höger för att ladda ner filen.
  • Återställ: låter dig gå tillbaka till den tidigare versionen av plugin-programmet.

13) Fliken Handledning:

Plugin WP Rocket Onglet Tutoriels

En serie videor erbjuds om olika ganska användbara ämnen: hur man kommer igång, hur man korrekt mäter hastigheten på vår webbplats, hur man klarar testet Core Web Vitals, hur man kontrollerar att plugin cachelagrar vår webbplats väl, lär sig hur förladdning fungerar, hur man förbättrar LCP , hur man kan förbättra FID , hur man förbättrar CLS, hur man fixar vissa kompatibilitetsproblem, hur man konfigurerar Cloudflare-tillägget…

hur man förbättrar Core Web Vitals

Vanliga frågor

Hur installerar man WP Rocket?

1/ Gå till ditt WP Rocket-konto när plugin-programmet har köpts och ladda ner ZIP-filen:

installera WP Rocket plugin - ladda ner

2/ Klicka på fliken “Plugins” på din WordPress-administrationspanel:

installera WP Rocket-plugin 1

3/ Klicka på “Lägg till ny”:

installera WP Rocket-plugin 2

4/ Klicka på “Ladda upp plugin”:

installera WP Rocket-plugin 3

5/ Klicka på “välj en fil”:

installera WP Rocket-plugin 4

6/ Klicka på “installera nu”

installera WP Rocket-plugin 5

7/ Vänta några sekunder tills installationen är klar och aktivera sedan din plugin:

installera WP Rocket-plugin 6
installera WP Rocket-plugin 7

Fungerar WP Rocket med Cloudflare?

WP Rocket är helt kompatibel med Cloudflare CDN, som den fungerar i synergi med. Att använda Cloudflare-tillägget är inte ett krav i de flesta fall, det är bara en bekvämlighet. När du väl har konfigurerat ditt Cloudflare-konto kommer det att vara aktivt för din webbplats oavsett om du använder WP Rocket-tillägget eller inte.

Min hemsida är trasig! Vad ska jag göra ?

Ibland när du börjar ändra WP Rocket-inställningar kan du märka saknade bilder eller andra visningsproblem på din webbplats. Oroa dig inte, dessa problem är inte permanenta!

WP Rocket Plugin

Vilka är alternativen till WP Rocket-plugin?

Här är några alternativ: WP Super Cache , WP Fastest Cache , W3 Total Cache , LiteSpeed Cache , WP-Optimize ,…

Vilket är bättre WP Rocket cache eller W3 Total Cache ?

WP Rocket har fler hastighetsoptimeringsfunktioner än W3 Total Cache (databasrensning, lokal värd för Google Analytics, förladdning av teckensnitt, etc…). Det är därför det brukar ge bättre resultat i GTmetrix.

Är WP Rocket verkligen viktigt?

Även om det finns andra WordPress-cache-plugins, inklusive gratisalternativ, för alla som vill ha ett WordPress-plugin som kan användas för att snabba upp sin webbplats utan att ha tekniska kunskaper, eller för de som inte gör ett stort antal ibland knepiga inställningar, WP Rocket är definitivt värt investeringen.

Vilka webbservrar är WP Rocket-plugin kompatibel med?

Insticksprogrammet är kompatibelt med Apache , NGINX , Microsoft IIS och LiteSpeed .

Hur använder man WP Rocket i en multisite-miljö?

Det finns några detaljer du bör tänka på. Mer information i den officiella dokumentationen.

Kan jag köra WP Rocket på localhost och staging-domäner?

WP Rocket fungerar också lokalt. Lokala installationer räknas inte som webbplatser för licensändamål, även om de kan visas i din lista över webbplatser på din WP Rocket-kontosida. Mer information här .

WP Rocket Plugin
Cloudways Hosting Logotyp
Cloudways webbhotell

Article also available in : English Français Español Italiano

Lämna ett svar