Hur man installerar och konfigurerar WP-raket (med rekommenderade inställningar)

Är det inte frustrerande när du klickar på en webbplats, du väntar och väntar på vad som känns som eoner, och du klickar på bakåtknappen av frustration? Sanningen är att det finns mycket lite som irriterar webbplatsbesökare mer än en långsam laddning webbplats och det är där WP Rocket kommer in

En studie från Forrester Consulting säger att "47% av konsumenterna förväntar sig att en webbsida laddas på två sekunder eller mindre".

Det tråkiga är att många webbplatsägare misslyckas med att inse att en webbplats som laddar långsamt inte bara frustrerar folk, den kan också negativt påverka din Google ranking och har en inverkan på intäkterna på den nedersta raden!

Det som är bra är att det finns sätt att snabba upp en webbplatss laddningstid, särskilt om webbplatsen drivs av WordPress. För här kommer jag att gå igenom hur du kommer igång med WP Rocket (och ja det är ett plugin jag använder för att påskynda min webbplats).

Här är vad du lär dig i det här inlägget:

Hur man laddar ner och installerar WP Rocket
Så ställer du in WP Rocket med rekommenderade inställningar
Var kan du få hjälp och hitta officiell dokumentation

Vad är WP Rocket?

WP Rocket är en premie WordPress cache-plugin som är extremt effektiv för att påskynda din webbs laddningstid.

WP Rocket planerar och prissätter:

$ 49 / år - 1 års support och uppdateringar för 1 webbplats.
$ 99 / år - 1 års support och uppdateringar för 3 webbplatser.
$ 249 / år - 1 års support och uppdateringar för obegränsade webbplatser.

Till skillnad från de flesta andra WordPress caching plugins som är ökända för att vara packade med förvirrande alternativ och inställningar. Läs mer om WP Rocket och ta reda på några av de bästa gratisalternativ till WP Rocket.

1. Ladda ner och installera WP Rocket

Först, gå över till WP Rocket-webbplats och köpa WordPress plugin.

Välj den plan som passar bäst för dig och slutför de nödvändiga stegen för att beställa.

Därefter får du ett e-postmeddelande med inloggningsinformation till ditt konto på wp-rocket.me. Gå och logga in och in "mitt konto" hittar du nedladdningslänken. Ladda ner och spara zip-filen på din dator.

Logga in på din WordPress webbplats och gå över till Plugins -> Lägg till nytt -> Upload Plugin.

Ladda bara upp och installera zip-filversionen av WP Rocket.

Slutligen, gå och aktivera WP Rocket och plugin är nu installerat. Jippie!

2. Bästa och rekommenderade inställningar för WP Rocket

Nu är det dags att konfigurera WP Rocket enligt de rekommenderade inställningarna.

Gå först till Inställningar –> WP Rocket, så kommer du till insticksprogrammets Inställningar-sida. Det finns 10 flikar eller sektioner du behöver för att konfigurera och justera inställningarna för:

Dashboard (standardflik)
Cache-inställningar
CSS- och JS-filoptimeringsinställningar
Mediainställningar
Förbelasta inställningar
Avancerade reglerinställningar
Databasinställningar
CDN-inställningar
Tillägg (Cloudflare)
verktyg

Bonus: Konfigurera WP Rocket för HTTP / 2
Bonus: Använda WP Rocket med KeyCDN
Bonus: Vilka webbhotell är kompatibla med och fungerar med WP Rocket?
Bonus: Ladda ner min WP Rocket-konfigurationsfil

Låt oss nu gå igenom att konfigurera de rekommenderade inställningarna för WP Rocket, för var och en av de 10 sektionerna.

WP Rocket Dashboard

Instrumentpanelen ger dig information om din licens och när den löper ut. Du kan också välja att vara en Raket Tester (beta-testprogram) och Rocket Analytics (låt WP Rocket samla in data anonymt). Här hittar du också länkar till support och vanliga frågor om WP Rocket.

I instrumentpanelen kan du Ta bort alla cachade filer (rekommenderas att göra när du har konfigurerat WP Rocket-inställningarna), Börja laddning av cache (genererar en cache för din startsida och alla interna länkar på hemsidan) och Rensa OPcache Innehåll (rensar OPcahce som förhindrar problem när du uppdaterar WP Rocket-plugin).

WP Rocket Cache-inställningar

1. Aktivera cache för mobila enheter bör aktiveras eftersom det möjliggör cachning för mobila enheter och gör din webbplats mobilvänligare.

Välj också Separata cachefiler för mobila enheter. Eftersom WP Rocket mobil caching fungerar säkrast med båda alternativen aktiverade. Om du är osäker, behåll båda.

2. Aktivera cache för inloggad WordPress användare, detta rekommenderas endast att du har aktiverat när du har en medlemswebbplats eller liknande när användare måste logga in för att se innehållet.

3. Cache-livslängd är automatiskt inställd på 10 timmar och det betyder att cachade filer automatiskt tas bort efter 10 timmar innan de skapas om. Om du sällan uppdaterar din webbplats eller har mycket statisk innehåll, kan du öka detta.

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

Inställningar för WP Rocket CSS och JS Files Optimization

WP Rocket CSS & JS Filoptimeringsinställningar

Minifiera filer minska filstorlekar och kan förbättra laddningstiden. Minifiering tar bort mellanslag och kommentarer från statiska filer, gör det möjligt för webbläsare och sökmotorer att snabbare bearbeta HTML-, CSS- och JavaScript-filer.

Kombinera filer kommer att sammanfoga filer i mindre grupper för att säkerställa tema / plugin-kompatibilitet och bättre prestanda. Det rekommenderas dock inte att tvinga sammankoppling till bara en enda fil eftersom webbläsare laddar ner upp till 1 mindre filer parallellt än 6-1 stora filer.

Att kombinera CSS och JS i färre filer anses vara en bästa praxis under HTTP / 1, det är inte nödvändigtvis fallet med HTTP / 2. Om din webbplats körs på HTTP / 2, här är de saker du bör tänka på när konfigurera WP Rocket för HTTP / 2.

1. Förminska HTML-filer tar bort blanksteg och kommentarer för att minska storleken på webbsidorna på din webbplats.

2. Kombinera Google Teckensnittsfiler minskar antalet HTTP-förfrågningar (särskilt om du använder flera teckensnitt).

3. Ta bort frågesträngarna från statiska resurser kan förbättra prestandaklass på GT Metrix. Den här inställningen tar bort versionens frågesträng från statiska filer (t.ex. style.css? Ver = 1.0) och kodar den i filnamnet istället (t.ex. style-1-0.css).

4. Förminska CSS-filer tar bort blanksteg och kommentarer för att minska formatmallstorleken.

5. Kombinera CSS-filer sammanfogar alla dina filer till bara en fil, vilket minskar antalet HTTP-förfrågningar. Rekommenderas inte om din webbplats använder HTTP / 2.

Viktigt: Detta kan bryta saker! Om du märker några fel på din webbplats efter att ha aktiverat den här inställningen, avaktivera bara den igen, så kommer din webbplats att återgå till det normala.

6. Optimera CSS-leverans eliminerar renderingsblockerande CSS på din webbplats för snabbare upplevd laddningstid. Det betyder att din sida kommer att börja laddas utan CSS-stilar och det här är något Google PageSpeed Insights tar hänsyn till när man "poänger" sidhastighet.

Kritisk sökväg CSS betyder att din sida börjar laddas utan alla dess CSS-stilar. Det betyder att det kan se lite konstigt ut några ögonblick när du laddar.

Detta kallas för FOUC (blixt av ostylat innehåll). För att undvika detta måste du använda det som kallas Critical Path CSS. Detta innebär att CSS för innehållet högst upp på din sida måste placeras direkt i HTML för att undvika FOUC medan sidan laddas.

För att skapa den kritiska sökvägen CSS kan du använda detta Critical Path CSS Generator-verktyg.

7. Förminska JavaScript-filer ta bort blanksteg och kommentarer för att minska storleken på JS-filer.

8. Kombinera JavaScript-filer kombinera din webbplats JavaScript-information färre filer, vilket minskar HTTP-förfrågningar. Rekommenderas inte om din webbplats använder HTTP / 2.

9. Ladda JavaScript uppskjuten eliminerar renderingsblockerande JS på din webbplats och kan förbättra laddningstiden. Detta är något Google PageSpeed Insights tar hänsyn till när man "poänger" sidhastighet.

10. Säkert läge för JQuery garanterar stöd för inline jQuery-referenser från teman och plugins genom att ladda jQuery högst upp i dokumentet som ett render-blockerande skript.

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

WP Rocket Media-inställningar

1. Lata bilder betyder att bilder bara laddas när de kommer in (eller håller på att gå in) i visningsporten, dvs först laddas när användaren rullar ner på sidan. Lat laddning minskar antalet HTTP-förfrågningar som kan förbättra belastningstiderna.

(Jag inaktiverar ibland lat laddning av bilder, bara för att när lat laddning är aktiverad, förankra länkar pekar på en position under en lat laddad bild rullar till fel position på webbsidan)

2. Lazy load iframes och videos betyder att iframes och videor bara laddas när de kommer in (eller håller på att gå in) i visningsporten, dvs först laddas när användaren rullar ner på sidan. Lat laddning minskar antalet HTTP-förfrågningar som kan förbättra belastningstiderna.

3. Byt ut YouTube iframe med förhandsvisningsbild kan förbättra din laddningstid betydligt om du har många YouTube-videor på en sida.

Lazyload kan stängas av på enskilda sidor / inlägg (du hittar den här inställningen i sidfältet för inlägg / sida)

4. Inaktivera Emoji bör inaktiveras eftersom standardemojierna i besökarnas webbläsare ska användas istället för att ladda emoji från WordPressOrg. Inaktivering av emoji-cachning minskar antalet HTTP-förfrågningar som kan förbättra belastningstiderna.

6. WordPress inbäddningar bör inaktiveras eftersom det hindrar andra från att bädda in innehåll från din webbplats, det förhindrar också att du inbäddar innehåll från andra webbplatser och tar bort JavaScript-förfrågningar relaterade till WordPress Inbäddningar.

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

WP Rocket förinstallationsinställningar

inställningar för förbelastning av wp raket

1. Förladdning av webbplatskartan använder alla webbadresser i din XML-webbplatskarta för att ladda in när cache-livslängden har gått ut och hela cachen har raderats.

2. Yoast SEO XML sitemap. WP Rocket kommer automatiskt att upptäcka XML-sitemaps som genereras av Yoast SEO plugin. Du kan kontrollera alternativet att ladda det på förhand.

3. Förbelasta bot bör endast aktiveras och användas på välpresterande servrar. När den har aktiverats utlöses den automatiskt när du lägger till eller uppdaterar innehåll på din webbplats. Byt till Manuell om detta orsakar hög CPU-användning eller prestandaproblem.

När du skriver eller uppdaterar ett nytt inlägg eller en sida rensar WP Rocket automatiskt cachen för det specifika innehållet och allt annat innehåll relaterat till det. Förbelastningsbot kommer att genomsöka dessa URL: er för att regenerera cachen omedelbart.

4. Förhämta DNS-förfrågningar tillåter domännamnsupplösning att ske parallellt med (istället för i serie med) hämtning av faktiskt sidinnehåll.

Du kan ange externa värdar (som //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) som ska förhämtas eftersom DNS-förhämtning kan göra att externa filer laddas snabbare, särskilt på mobila nätverk.

De vanligaste webbadresserna att förhämta är:

//maxcdn.bootstrapcdn.com
// plattform.twitter.com
//s3.amazonaws.com
//ajax.googleapis.com
//cdnjs.cloudflare.com
//netdna.bootstrapcdn.com
//teckensnitt.googleapis.com
//connect.facebook.net
// www.google-analytics.com
// www.googletagmanager.com
//Kartor.google.com

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

Inställningar för avancerade regler för WP Rocket

Inställningar för statiska filer för raket WP

Dessa inställningar är avsedda för avancerad cacheshantering, vanligtvis för att utesluta vagnar och kassasidor på e-handelswebbplatser.

1. Cache-URL (er) låter dig specificera webbadresser för sidor eller inlägg som aldrig ska cache.

2. Cache-cookies aldrig låter dig ange ID: er för cookies som, när de ställs in i besökarens webbläsare, bör förhindra att en sida blir cache.

3. Cachera aldrig användaragenter låter dig specificera användaragentsträngar som aldrig ska se cachade sidor.

4. Rengör alltid URL (er) låter dig ange webbadresser som du alltid vill rensa från cachen när du uppdaterar ett inlägg eller en sida.

5. Cache-frågesträngar låter dig ange frågesträngar för caching.

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

WP Rocket-databasinställningar

Det här avsnittet har ett antal inställningar för att rensa upp och optimera WordPress.

1. Efter sanering tar bort revisioner, autodrag och trash-inlägg och sidor. Ta bort dessa om du inte har gamla versioner av inlägg (eller raderade inlägg).

2. Kommentarerrensning tar bort skräppost och skräp kommentarer.

3. Rengöring av transienter raderar lagrade data som gillar socialt antal men ibland när transienter går ut går de kvar i databasen och kan raderas på ett säkert sätt.

4. Rengöring av databaser optimerar tabeller i din WordPress databas.

5. Automatisk sanering. Jag brukar göra saneringar på ad hoc-basis men du kan också schemalägga WP Rocket för att köra automatiserade saneringar av din databas.

Helst bör du säkerhetskopiera din databas innan du kör en sanering, för när databasoptimeringen har utförts finns det inget sätt att ångra den.

WP Rocket CDN-inställningar

Att använda ett innehållsleveransnätverk (CDN) innebär att alla webbadresser för statiska filer (CSS, JS, bilder) kommer att skrivas om till CNAME (er) som du anger.

1. Aktivera CDN. Aktivera detta om du använder ett nätverk för innehållsleverans. WP Rocket är kompatibel med de flesta CDN:er som Amazon Cloudfront, MaxCDN, KeyCDN (som jag använder) och andra. Ta reda på mer om hur du gör använd WP Rocket med ett CDN

2. CDN CNAME (s). Kopiera CNAME (domänen) som du har gett av din CDN-leverantör och skriv in den i CDN CNAME. Detta kommer att skriva om alla URL: er för dina tillgångar (statiska filer).

3. Uteslut filer låter dig specificera URL (er) för filer som inte ska visas via CDN.

Spara och testa noggrant! Avaktivera inställningar om du märker att något är trasigt på din webbplats.

WP Rocket-tillägg (Cloudflare)

Med WP Rocket kan du integrera ditt Cloudflare-konto med dess tilläggsfunktion.

1. Global API-nyckel. Du hittar API-nyckeln uppe till höger i ditt Cloudflare-konto. Gå bara till din profil och scrolla ner så ser du din globala API-nyckel. Du behöver bara kopiera och klistra in detta i WP Rocket.

2. Konto-e-post. Det här är den e-postadress du använder för ditt Cloudflare-konto.

3. Domän. Detta är ditt domännamn, t.ex. websitehostingrating.com.

4. Utvecklingsläge. Aktivera tillfälligt utvecklingsläge på din webbplats. Denna inställning stängs automatiskt av efter 3 timmar. Detta är bra för när du gör många ändringar på din webbplats.

5. Optimala inställningar. Förbättrar automatiskt din Cloudflare-konfiguration för hastighet, prestandaklass och kompatibilitet. Det här alternativet aktiverar de optimala Cloudflare-inställningarna.

6. Relativt protokoll. Bör endast användas med Cloudflares flexibla SSL-funktion. URL:er för statiska filer (CSS, JS, bilder) kommer att skrivas om för att använda // istället för http:// eller https://.

WP raketverktyg

1. Exportera inställningar låter dig exportera dina WP Rocket-inställningar för användning på en annan webbplats.

2. Importera inställningar låter dig importera dina förkonfigurerade WP Rocket-inställningar.

3. Återuppspelning låter dig återgå till en tidigare version om en ny version av WP Rocket orsakar några problem för dig.

Konfigurera WP Rocket för HTTP / 2

HTTP / 2 är en uppgradering till HTTP som har funnits sedan 1999 för att hantera kommunikationen mellan webbservrar och webbläsare. HTTP / 2 banar vägen för snabbare sidbelastningar genom bättre datakomprimering, multiplexering av förfrågningar och andra hastighetsförbättringar.

Många servrar och webbläsare har stöd för HTTP / 2, och de flesta webbhotell, tycka om SiteGround, stöder nu HTTP / 2. Detta HTTP / 2-checker berättar om din webbplats kan använda HTTP / 2.

Om din webbplats kan använda HTTP/2 så här kan du konfigurera WP Rocket för det.

Sammanfoga (kombinera) alla CSS- och JS-filer till så få filer som möjligt är inte den bästa praxis för HTTP / 2 och WP Rocket rekommenderar att du gör det aktivera inte filkoppling i filoptimeringsfliken.

WP Rocket rekommenderar att du gör det lämna dessa två rutor inte markerade. För mer information se den här artikeln på WP Rocket.

Hur man använder WP Rocket med KeyCDN

Att ställa in WP Rocket med KeyCDN är ganska enkelt. (FYI KeyCDN är innehållsleveransnätverket jag använder och rekommenderar)

Skapa först en dragzon i KeyCDN. Gå sedan till CDN-flik och kolla på Aktivera innehållsleveransnätverk alternativ.

Uppdatera nu Byt ut webbplatsens värdnamn med: ” fält med den URL som du får från KeyCDN-instrumentpanelen (under Zoner> Zon-URL för den pull-zon som du skapade. URL: en ser ut ungefär som: lorem-1c6b.kxcdn.com)

Alternativt, och det rekommenderade alternativet, använd en CNAME av din valda URL (till exempel https://static.websitehostingrating.com)

Vilka webbhotell fungerar med WP Rocket?

WP Rocket är kompatibel med nästan alla webbhotell. Men vissa, särskilt lyckades WordPress värdar, kanske inte fungerar med WP Rocket. Om din värdleverantör inte är listad här nedan betyder det inte att den inte är kompatibel med WP Rocket. Det bästa sättet att vara 100% säker är att kontakta ditt webbhotell och fråga.

Kinsta: Kinsta stöder endast WP Rocket version 3.0 och högre. WP Rockets sidcachning inaktiveras automatiskt för att förhindra konflikt med Kinstas inbyggda cachning. Kinsta är en officiell partner av WP Rocket.
WP Engine: WP Rocket är den enda caching-plugin som är tillåten på WP Engine. WP Engine är en officiell partner av WP Rocket.
SiteGround: WP Rocket är kompatibel med SiteGrounds statiska, dynamiska och memcachade cachelagring. SiteGround är en officiell partner av WP Rocket.
A2 Hosting: WP Rocket är helt kompatibel med A2 Hosting. Men du måste installera WordPress på din webbplats innan du kan installera WP Rocket-plugin. A2 Hosting är en officiell partner för WP Rocket.
WebHostFace: WebHostFace stöder (och är en officiell partner till) WP Rocket.
Savvi: Savvii stöder (och är en officiell partner till) WP Rocket.
FastComet: Erbjuder ett specifikt optimerat paket för WordPress och WP Rocket. FastComet är en officiell partner av WP Rocket.
Bluehost Hanterad WordPress planer: Bluehost Hanterad WordPress planerar Varnish-konfiguration bryter WP Rockets minifiering, så du måste antingen stänga av Bluehost's lack, eller stäng av WP Rockets minifiering.
Cloudways WordPress värd: När du använder WP Rockets minifiering med Cloudways' Varnish måste du skapa en uteslutningsregel för Varnish i Cloudways applikationsinställningar.
svänghjul: Du måste kontakta Flywheel support och be dem att aktivera WP Rocket.
HostGator hanteras WordPress planer: WP Rocket är inte tillåtet HostGator hanteras WordPress värd.
Syntes: W3 Total Cache kommer förinstallerad på Synthesis men kan raderas och ersättas med WP Rocket.
WebSavers.ca: WebSavers.ca är en officiell partner till WP Rocket.

Läs mer om kompatibel webbhotell med WP Rocket på https://docs.wp-rocket.me/article/670-hosting-compatibility.

Ladda ner min WP Rocket-konfigurationsfil

Jag har gjort det mycket enkelt att lägga till samma WP Rocket-konfiguration som jag använder här på min webbplats. Helt enkelt ladda ner den här WP Rocket-konfigurationsfilen och importera det sedan i Verktygssektionen i WP Rocket-admin.

gratis nedladdning wp raketkonfigurationsfil

Köp en kopia av WP Rocket och sedan gå och ladda ner min WP Rocket-konfigurationsfil och importera de exakta inställningarna som jag rekommenderar och använder på den här webbplatsen.

3. WP Rocket Help och officiell dokumentation

Om du av en eller annan anledning stöter på problem med WP Rocket finns det massor av användbar information om WP Rockets hemsida. Kom ihåg att du också får ett års support med ditt köp.

Här är en lista med WP Rocket-tutorials som jag tyckte vara den mest användbara:

Vilken är din upplevelse med att använda WP Rocket caching plugin för WordPress? Har jag utelämnat någon viktig information? Jag skulle gärna höra allt om det i kommentarerna nedan!

Om du tyckte att denna WP Rocket-installationshandledning var till hjälp är det alltid uppskattat att dela den på sociala.