Vi letar alltid efter nya och innovativa sätt att ytterligare snabba upp och optimera dina WordPresswebbplatser. Under de senaste månaderna har vårt team arbetat bakom kulisserna med utvecklarna på WP Rocket för att samordna vissa förändringar med deras helt nya pluginversion 3.0 (släppt April 3, 2018). Vi är glada att kunna meddela att WP Rocket 3.0 och Kinsta nu är helt kompatibla och kommer att vara de hädanefter.

Kolla in allt du behöver veta nedan om att använda WP Rocket på Kinsta och hur det kan vara en passande produkt för dig och dina kunder.

Att Använda WP Rocket på Kinsta

För er som inte är bekant med WP Rocket, är det ett populärt allt-i-ett premium cachnings- och optimeringsplugin för WordPress. Normalt tillåter vi inte cachningsplugins i vår miljö eftersom de inte fungerar med vår inbyggda cachningslösning. Men från och med WP Rocket 3.0, kommer deras sidcachnings-funktionalitet automatiskt att inaktiveras när det körs på Kinsta servrar. Tidigare måste detta göras manuellt med deras sidcachnings-modul. Vi har också tagit bort pluginet från vår lista över förbjudna plugins.

Detta gör att du nu kan använda Kinstas cachningslösning men ändå dra nytta av de fantastiska optimeringsfunktioner WP Rocket har att erbjuda (vi kommer att dyka in i dessa nedan).

Varför är cachning viktigt? Cachning är processen med att lagra resurser från en förfrågan och återanvända dessa resurser för efterföljande förfrågningar. I grund och botten minskar det den mängd arbete som krävs för att generera en sidvisning och minskar belastningen på webbservern. Det är det främsta sättet att motverka förseningen från det beroende WordPress har på PHP och en databas (Läs mer om WordPress vs statisk HTML).

WP Rocket 3.0 Funktioner

Om du inte har sett den nya 3.0-versionen av WP Rocket ännu är användargränssnittet vackert; samtidigt som det är lätt att använda och navigera! Nedan dyker vi in i några av de rekommenderade funktionerna som du kan använda från WP Rocket för att snabba på din WordPress-webbplats, liksom hur det synkroniseras med Kinsta-miljön.

Vi kommer också att köra några hastighetstester för att se vilka alternativ som har störst inverkan på en live-webbplats. Kom dock ihåg att resultaten kan variera från webbplats till webbplats, så se till att testa på din egen webbplats eller staging. Om du använder en staging-sajt på Kinsta har WP Rocket vitlistat vår URL-struktur (staging-sitename.kinsta.com) vilket innebär att det inte kommer att räknas som en webbplats mot ditt totala antal licenser. Detsamma gäller för att köra på localhost.

WP Rocket UI

WP Rocket UI

Rensa Cache

Även om cachning automatiskt inaktiveras i WP Rocket när du kör på Kinsta, synkroniseras alternativet ”Rensa Cache” i WP Rocket-menyn med Kinsta-miljön. Om du rensar din WP Rocket-cache, rensar det faktiskt rensar hela din webbplats Kinsta-cache istället.  Hur coolt är inte det? Och som alltid kan du rensa Kinsta-cache från den övre högra sidan av admin-panelen.

Rensa cache (2 sätt)

Rensa cache (2 sätt)

”Rensa denna URL” fungerar också på samma sätt, men i stället för att rensa webbplatsens hela cache rensar det cacheminnet för webbadressen du för närvarande är på. Det här är bra om du kanske gjort en manuell uppdatering till en sida eller ett inlägg. Av prestandaskäl rekommenderar vi inte att du ständigt rensar hela cachen på din webbplats, eftersom den då måste byggas upp cacheminnet igen. Att rensa enskilda webbadresser är ett mycket bättre sätt.

WP Raket rensa cache på enskild URL

WP Raket rensa cache på enskild URL

Om du ändrar något på din WordPress-webbplats, till exempel ett plugin eller ett tema, kan du se en varning från WP Rocket. Knappen Rensa cache här rensar också Kinsta-cachen.

WP Rocket ändringar rensa cache

WP Rocket ändringar rensa cache

Slutligen, om du klickar på knappen ”Rensa Cache” från WP Rocket-panelen, rensar detta också Kinsta-cachen.

WP Rocket ta bort alla cachade filer

WP Rocket ta bort alla cachade filer

Fil-optimering

Under menyn ”Filoptimering” ger de dig möjlighet att optimera dina CSS- och JavaScript-filer. Låt oss dyka in i var och en av dessa lite.

WP Rocket filoptimering

WP Rocket filoptimering

Grundinställningar

CSS-filer

JavaScript-Filer

Media

Under menyn ”Media” ger de dig möjlighet att latladda dina bilder och video, samt inaktivera ytterligare skript från att laddas som Emojis och inbäddningar. Låt oss dyka in i var och en av dessa lite.

WP Rocket media-optimering

WP Rocket media-optimering

Latladdning

Latladding är en optimeringsteknik som laddar synligt innehåll men försenar nedladdning och rendering av innehåll som visas längre ner. Genom att aktivera alternativet latladdning kan det förbättra faktisk och uppfattad laddningstid eftersom bilder, iframes och videor endast laddas när de kommer in i (eller om de ska komma in) visningsområdet vilket minskar antalet HTTP-förfrågningar.

Kolla in vår djupgående handledning om latladdning i WordPress.

Emoji

Med lanseringen av WordPress 4.2 kom integrationen av emojis i kärnan för äldre webbläsare. Det stora problemet med detta är att det genererar en extra HTTP-förfrågan till din WordPress-webbplats för att ladda wp-emoji-release.min.js-filen. Och detta laddas på varje enskild sida.

Inaktivera Emoji: Alternativet Inaktivera emojis kommer att minska antalet HTTP-förfrågningar. Det kommer inte att förstöra dem, det kommer helt enkelt använda användarens webbläsares emojiversion som standard istället. Vi körde hastighetstester och såg en 2,2% minskning av laddningstiden med det här alternativet aktiverat. ⏱ Kolla in vår djupgående artikel om att inaktivera emojis.

Inbäddningar

Med lanseringen av WordPress 4.4 kom inbäddningsfunktionen in i kärnan. Du har förmodligen sett eller använt detta tidigare. Detta gör det möjligt för användare att bädda in YouTube-videor, tweets och många andra resurser på sina webbplatser helt enkelt genom att klistra in en URL, som WordPress automatiskt omvandlar till en inbäddning och ger en Live-förhandsvisning i den visuella redigeraren.

Men det betyder att det också genererar en extra HTTP-förfrågan på din WordPress-webbplats för att ladda wp-embed.min.js-filen. Och detta laddas på varje enskild sida.

Inaktivera WordPress-inbäddningar. Alternativet Inaktivera inbäddningar kommer att minska antalet HTTP-förfrågningar. Vi körde hastighetstester och såg en 4,9% minskning av laddningstiden med det här alternativet aktiverat. ⏱ Kolla in vår djupgående artikel om att inaktivera inbäddningar.

För-Laddning

Under menyn” för-laddning” ger de dig ett alternativ för att aktivera för-laddning av webbplatskartor, preload bots, och prefetch DNS-förfrågningar. Inte alla dessa kommer att fungera på Kinsta. Men låt oss dyka in i var och en av dessa lite.

WP Rocket för-laddning

WP Rocket för-laddning

Sitemap För-Laddning och Preload Bot

Vi rekommenderar inte att du använder något av dessa alternativ och i själva verket kommer de troligtvis inte att fungera på Kinsta.

Prefetch DNS-Förfrågningar

Men DNS-prefetching kan du lösa domännamn (utföra en DNS-sökning i bakgrunden) innan en användare klickar på en länk, vilket i sin tur kan bidra till att förbättra prestanda. Det görs genom att lägga till en rel="dns-prefetch"-tagg i din WordPress-webbplats sidhuvud. Vi rekommenderar att du lägger prefetch till externa förfrågningar från CDN, Google Fonts och Google Analytics. Här är ett exempel nedan:

<link rel="dns-prefetch" href="//cdn.domain.com/">
<link rel="dns-prefetch" href="//fonts.googleapis.com/">
<link rel="dns-prefetch" href="//www.google-analytics.com">

 

Detta är svårare att hastighetstesta, men du kan vara säker på att det kommer att bidra till att snabba på din webbplats.

Avancerade Regler

På grund av det faktum att WP Rocket synkroniseras till Kinsta-miljöns cache, kan du inte använda de avancerade reglerna. Om du behöver utesluta en URL eller katalog från cachning kan du alltid nå ut till Kinstas supportteam.

Databas

Under menyn ”Databas” ger de dig möjlighet att utföra rensningar av inlägg, kommentarer, transienter och tabeller.

WP Rocket-databas

WP Rocket-databas

Inläggsrensning

Det är inte ovanligt att äldre webbplatser har 100+ revideringar på sina huvudsidor. Detta beror helt enkelt på år av redigering och uppdatering av innehåll. Låt oss till exempel säga att en webbplats har 700 sidor eller inlägg med 150 revideringar på varje; detta skulle innebära över 100 000 poster i databasen. Detta tar upp lagringsutrymme, och även med databasindex kan det ibland skada prestanda. WP Rocket ger dig möjlighet att ta bort följande:

Kolla in vårt djupgående inlägg om hur du optimerar revideringar för snabbare prestanda.

Rensa bland Kommentarer

På samma sätt som revideringar, kan spam och kastade kommentarer helt enkelt läggas ihop till bortkastat utrymme över tiden. WP Rocket ger dig möjlighet att ta bort följande:

Om du inte använder kommentarer på din WordPress webbplats rekommenderar vi att du helt enkelt inaktiverar kommentarer för att förhindra att spam kommer igenom alls. Du behöver då inte oroa dig för att installera spam-plugins.

Rensning av Transienter

Transienter i WordPress kan ibland förbises, men de är mycket viktiga! Faktum är att vi har sett korrupterad transient-cache helt ta ner en WordPress-webbplats. Dessa ska vara tillfälliga så det är säkert att ta bort dem och vi rekommenderar att du gör det. Om de behövs av ett plugin kommer de automatiskt att regenereras. WP Rocket ger dig möjlighet att ta bort följande:

Kämpar du med driftstopp och WordPress-problem? Kinsta är hosting-lösningen som är utformad för att spara tid! Kolla in våra funktioner

Databasrensning

Alternativet databasrensning minskar overhead av databastabeller. Men på Kinsta använder vi InnoDB istället för MyISAM och därför behövs det vanligtvis inte. InnoDB har visat sig fungera bättre och vara mer tillförlitlig. En stor anledning till att använda InnoDB över MyISAM, är att dra nytta av låsning på radnivå. Detta gör att dina förfrågningar bearbetas snabbare. Om du migrerar din WordPress-webbplats till Kinsta, är detta en av de optimeringar som våra ingenjörer gör på din webbplats.

Automatisk Rensning

WP Rocket ger dig också möjlighet att schemalägga automatisk rensning av din databas på en daglig, veckovis eller månatlig basis. Detta schemaläggs med ett CRON-jobb bakom kulisserna.

CDN

Under CDN-menyn kan du aktivera ett innehållsleveransnätverk från tredje part. Detta är verkligen ett måste när det gäller prestanda. De avlastar din webbserver samtidigt som det påskyndar leveransen av innehåll till dina besökare vilket gör deras upplevelse bättre. Kolla in varför vi tycker att varje webbplats borde använda ett CDN.

Om du är en Kinsta-klient behövs inte den här menyn eftersom Kinstas CDN automatiskt distribueras på din webbplats bakom kulisserna. Vi har dock märkt att på några webbplatser kan du behöva ange din Kinsta CDN-URL när WP Rocket är aktiverat. Vi rekommenderar att köra din WordPress webbplats först genom ett testverktyg för webbplatshastighet för att bekräfta att alla dina tillgångar (JS, CSS och bilder) laddas från Kinsta CDN. Om de inte gör det, försök att skriva in Kinsta CDN-URL manuellt (exempel: mk0dgs321g.kinstacdn.com).

WP Rocket CDN

WP Rocket CDN

Tillägg

Under menyn ”Tillägg” ger de dig möjlighet att aktivera Cloudflare. Om du använder WP Rockets Cloudflare-tillägg behöver du inte längre det officiella Cloudflare-pluginet. WP Rocket ger samma funktionalitet för att tillhandahålla ursprungliga IP-adresser.

WP Rocket-tillägg

WP Rocket-tillägg

Om du använder WP Rocket med en annan värdleverantör har du också möjlighet att aktivera Varnish. Men eftersom detta skulle strida mot vår cachelösning här på Kinsta är detta automatiskt gömt.

Slutgiltiga Hastighetstest ⏱

Vi körde sedan några sista hastighetstester med allt aktiverat så att du kunde se en före och efter. Obs: denna WordPress-webbplats är hostad på Kinsta.

Innan WP Rocket

Vi körde 5 tester i Pingdom utan WP Rocket och tog genomsnittet.

Innan WP Rocket

Innan WP Rocket

Vi körde sedan ett test i Google PageSpeed Insights utan WP Raket.

Google PageSpeed Insights innan WP Rocket

Google PageSpeed Insights innan WP Rocket

Efter WP Rocket

Vi körde sedan 5 tester i Pingdom med WP Rocket och alternativ aktiverade och tog genomsnittet.

Med WP Rocket

Med WP Rocket

Vi körde sedan ett test i Google PageSpeed Insights med WP Raket.

Google PageSpeed Insights med WP Rocket

Google PageSpeed Insights med WP Rocket

Här är slutsatserna från resultaten ovan:

Som ni kan se ovan, gör WP Rocket det otroligt lätt att snabba upp din webbplats med bara några enkla klick!

Sammanfattning

Teamet på WP Rocket släpper konsekvent nya funktioner som direkt stämmer överens med de webbprestanda-rekommendationer vi delar på Kinsta. Du kan förvänta dig att se en ännu närmare integration med deras plugin under de närmaste månaderna! Vi är glada över att klienter nu kan använda detta plugin utan att några ytterligare ändringar behövs.

Vi vill gärna höra vad du tycker? Använder du WP Rocket? Låt oss veta nedan i kommentarerna.


Om du tyckte om den här artikeln, då kommer du att älska Kinsta´s hosting-plattform. Effektivisera din hemsida och få support dygnet runt från vårt rutinerade team på WordPress. Vår Google Cloud-drivna infrastruktur fokuserar på auto-skalning, prestanda och säkerhet. Lås oss visa dig skillnaden med Kinsta! Kolla in våra paket