Har du ett behov av snabbhet? Nej, jag pratar inte om att provspela för en roll i nästa Fast & Furious-film - jag pratar om att alltid vara på jakt efter sätt att snabba upp din webbplats.

Om du har en webbplats, oavsett vad den handlar om, spelar det stor roll hur snabbt den laddas för hur framgångsrik den är. En webbplats som laddas långsamt leder till missnöjda besökare, sänker din konverteringsgrad och gör att du hamnar i kläm hos Google.

Kanske var det dessa fakta som ledde dig till vår NitroPack-granskning - NitroPack är ett allt-i-ett-verktyg för webbplatsprestanda som, enligt landningssidan, är "den enda tjänst du behöver för en snabb webbplats".

Om du vill ha ett enkelt sätt att snabba upp din webbplats är jag inte säker på att du kommer att hitta ett bekvämare sätt att förbättra laddningstiderna avsevärt.

Visst, som så ofta är fallet måste du betala för den bekvämligheten, men beroende på din situation kan det vara värt det.

I den här recensionen kommer jag att testa NitroPack genom att...

• Jag kör några prestandatester före/efter för att se hur mycket NitroPack kan snabba upp min webbplats.
• Gräva i de olika funktionerna som NitroPack erbjuder.
• Visar hur du installerar och konfigurerar NitroPack med en WordPress-webbplats ( NitroPack fungerar dock även för webbplatser som inte är WordPress-webbplatser. ).

I slutet bör du veta om det är rätt verktyg för dina behov eller inte.

Data från prestandatester för NitroPack

Den största faktorn för att avgöra om du ska använda NitroPack eller inte är naturligtvis om det kan göra en märkbar skillnad i din webbplats prestanda. Av den anledningen tror jag att det är bäst att inleda vår NitroPack-granskning med några riktiga prestandatester, innan vi pratar om någon av dess funktioner.

Funktioner låter bra i marknadsföringstexterna, men det är laddningstiderna som är det viktiga.

För att testa NitroPacks prestanda tog jag min pålitliga WordPress-demosida och använde den för att köra några före/efter-tester från olika platser.

Min testwebbplats ligger på den billigaste DigitalOcean-dropleten och använder Astra-temat (vår recension). För att lägga till lite "tyngd" och göra testet mer realistiskt importerade jag också den fullständiga Elementor-versionen av mallen Organic Store, som innehåller WooCommerce-pluginet (tillsammans med demoinnehåll som byggts med Elementor, ett populärt plugin för WordPress-sidebyggare).

För att samla in testdata använde jag WebPageTest, som enligt min mening är det bästa verktyget för prestandatestning. Förutom att det ger olika mätvärden för "laddningstid" innehåller det även data för Googles nya initiativ Core Web Vitals, som kommer att bli en rankingfaktor 2021.

Core Web Vitals-mätningarna mäter laddningstiderna så som de är tillämpliga på användarupplevelsen, inte bara en enda mätning av laddningstiden. Eftersom många av NitroPacks optimeringar fokuserar på att förbättra dessa mätningar (t.ex. genom att inlining av kritisk CSS), anser jag att de är en annan viktig del att uppmärksamma.

I min testkonfiguration använde jag följande:

• Testplats . Chicago, Illinois OCH Mumbai, Indien ( för att se hur CDN fungerar )
• Webbläsare : Krom.
• Anslutning FIOS (20/5 Mbps): Detta ger ett långsammare resultat än ett verktyg som Pingdom, men det är mer exakt för hur verkliga besökare upplever din webbplats eftersom det ligger nära den genomsnittliga internethastigheten för hela USA.
• Antal tester som ska köras: "9". WebPageTest kör nio separata tester och tar medianvärdet, vilket eliminerar variationer i enskilda tester.

Jag kommer också att köra min testwebbplats genom PageSpeed Insights eftersom jag vet att många människor bryr sig om PageSpeed Insights resultat. Men du ska inte vara besatt av poängen i sig. Det som verkligen spelar roll är hur dina besökare upplever din webbplats.

Här är hur det gick - jag börjar med rådata och sammanfattar sedan allt i slutet av det här avsnittet:

Chicago, USA:

Ingen optimering av prestanda (kontroll)

Med NitroPack

Mumbai, Indien

Ingen optimering av prestanda (kontroll)

Med NitroPack

PageSpeed Insights

Före NitroPack:

Mobil:

Skrivbord:

Efter NitroPack:

Mobil:

Skrivbord:

Slutsatser

Okej, jag vet att jag har gett dig en massa teknisk information och tabeller i de föregående avsnitten. Om du inte är en expert på webbplatsers prestanda kan det ha känts lite överväldigande. Så här kommer de människovänliga slutsatserna från alla testdata:

NitroPack gjorde en enorm förbättring av sidladdningstiderna på min webbplats inom alla områden. :

• Den totala laddningstiden för sidorna minskade, vilket är vad de flesta människor bryr sig om.
• Core Web Vitals Largest Contentful Paint (LCP) har förbättrats, vilket innebär att dina besökare kommer att kunna se det viktigaste innehållet på din webbplats snabbare (vilket bör leda till en bättre upplevelse).
• Tiden till första byte (TTFB) minskade, vilket innebär att servern svarade snabbare.
• PageSpeed Insights-resultaten förbättrades avsevärt.

För att hjälpa dig att visualisera jämförelsen kan du se hur det ser ut i testet i Chicago, Illinois:

Här är Mumbai-testet:

Lägg märke till den enorma förbättringen här. Testwebbplatsen är nästan tre gånger snabbare med NitroPack.

Slutligen, här är PageSpeed Insights-poängen:

På det hela taget klarade NitroPack hastighetstesterna med bravur.

Anteckning från Adam: Kom ihåg att detta är testresultat med Elementor och inställningen "strong" i NitroPack. Om du använder läget "ludicrous" får du snabbare laddningstider, men kan stöta på problem. På en av mina mindre webbplatser kunde jag få laddningstider för mobila sidor på 90-talet med hjälp av det lätta GeneratePress-temat och utan sidbyggare.

Hur snabbar NitroPack upp din webbplats?

Nu vet du att NitroPack kan förbättra laddningstiderna på din webbplats avsevärt. Så hur gör det?

Det mest unika med NitroPack är att det erbjuder en allt-i-ett-metod för att snabba upp din webbplats. Istället för att hacka ihop en samling olika prestandapluggar för WordPress kan du bara installera NitroPack och avsluta dagen.

Här är några av de viktigaste teknikerna som används för att snabba upp din webbplats.

Caching

NitroPack har en rad olika caching-system för att förbättra prestandan och minska belastningen på din server. De två största är sidcachelagring och webbläsarcachelagring:

• Cachelagring av sidor - sparar den statiska HTML-versionen av en sida så att servern inte behöver köra PHP vid varje besök.
• Cachelagring i webbläsaren - sparar vissa statiska resurser på besökarens lokala dator så att besökaren inte behöver hämta dessa resurser vid varje sidladdning.

NitroPack innehåller också smarta funktioner som cache-invalidering och förladdning, vilket hjälper dig att se till att så många besökare som möjligt får cachade versioner av ditt innehåll.

Om det behövs kan du också utesluta visst innehåll/resurser från att cachelagras. Om du till exempel driver en e-handelsbutik måste du utesluta din kundvagn och dina kassasidor.

Nätverk för leverans av innehåll (CDN)

Ett CDN snabbar upp den globala laddningstiden för din webbplats genom att cachelagra statiska resurser på ett nätverk av servrar runt om i världen (så kallade kantplatser). När någon besöker din webbplats kan de sedan ladda ner resurserna från den närmaste kantplatsen, i stället för att behöva gå hela vägen till webbplatsens fysiska server.

Denna CDN är en stor del av förklaringen till att min testwebbplats var över 3 gånger snabbare med NitroPack i testet i Mumbai, Indien.

NitroPacks CDN drivs av Amazon CloudFront och är automatiskt inbyggd i tjänsten.

Optimering av bilder

Bilder utgör ungefär hälften av filstorleken på en genomsnittlig webbsida, så att hitta sätt att krympa dem är ett bra sätt att snabba upp saker och ting. NitroPack optimerar automatiskt dina bilder, inklusive att konvertera dem till det snabba WebP-formatet och ladda dem utan att göra det svårt.

Optimering av koden

NitroPack innehåller många olika funktioner för att optimera koden på din webbplats, inte bara storleken på koden via minifiering, utan även hur koden laddas.

För det första kan NitroPack automatiskt generera kritisk CSS för varje unik layout och sedan skjuta upp laddningen av icke-kritisk CSS, vilket gör att innehållet blir snabbare synligt (och även förbättrar dina PageSpeed Insights-poäng).

Den kan också skjuta upp JavaScript som blockerar rendering, vilket ger samma positiva effekter som att skjuta upp CSS (och är något som PageSpeed Insights alltid skriker åt dig om).

Slutligen finns det en del andra förbättringar som DNS prefetch och optimering av teckensnittsrendering.

Prissättning av NitroPack

Nu kommer nästa viktiga fråga - hur mycket kommer alla dessa funktioner att kosta dig?

NitroPack har en begränsad kostnadsfri plan som fungerar för små webbplatser, även om den inkluderar en NitroPack-plakett i sidfoten på din webbplats.

Därefter börjar de betalda planerna på 17,50 dollar per månad med årlig fakturering eller 21 dollar per månad med månadsvis fakturering.

Priserna gäller per webbplats, men du kan också kontakta säljteamet för planer för flera webbplatser eller agenturer. .

Hur du konfigurerar NitroPack på WordPress

Som jag har nämnt ett par gånger är en av fördelarna med NitroPack hur lätt det är att komma igång med. Faktum är att trots alla de funktioner som det innehåller är det förmodligen det enklaste optimeringsverktyget som jag någonsin har använt.

Jag kommer att fokusera på WordPress i den här handledningen, men kom ihåg att NitroPack inte är begränsat till WordPress-webbplatser. Om du använder WordPress kommer det dedikerade WordPress-pluginet att få dig igång på bara några minuter.

För att komma igång behöver du:

• Registrera dig för ett NitroPack-konto. Det finns en 14-dagars gratis provperiod för premiumplanen, liksom den kostnadsfria planen som jag nämnde tidigare. Se till att ange URL:en för din WordPress-webbplats när du registrerar dig.
• Installera NitroPack-pluginet från WordPress.org.

Gå sedan till Inställningar → NitroPack i din WordPress-instrumentpanel och klicka på Anslut till NitroPack knapp:

Om du redan är inloggad på ditt NitroPack-konto upptäcker NitroPack detta, annars får du en uppmaning att logga in.

Därefter måste du välja vilken webbplats du vill optimera, vilket du borde ha angett när du skapade ditt NitroPack-konto:

Och så är det! Du är ansluten - jag sa ju att det var enkelt.

NitroPack ger dig en grundläggande instrumentpanel på din WordPress-webbplats med ett par inställningar, men du hanterar det mesta från NitroPacks instrumentpanel i molnet, inte din WordPress-webbplats. Vi går dit härnäst.

Hur man konfigurerar NitroPack

Det häftiga med NitroPack är att du inte ens behöver "konfigurera det". Det fungerar i stort sett direkt. Faktum är att när jag körde testerna ovan använde jag standardkonfigurationen - jag gjorde bokstavligen inte en enda ändring.

Om du vill gräva i det, kan du gå till Inställningar i din NitroPack-instrumentpanel. Därefter kan du välja önskad optimeringsnivå från Konfiguration Baserat på den optimeringsnivå som du väljer kommer NitroPack automatiskt att konfigurera några/alla av de funktioner som jag nämnde ovan.

Om du till exempel väljer Stark (standard), kommer den att inkludera funktioner som lathållning och optimering av teckensnitt. Som referens använde testerna som jag körde ovan den Stark nivå, samt .

Om du är en vanlig användare är du klar! Sluta bara - du behöver egentligen inte gå längre än att välja den optimeringsnivå du vill ha.

Om du rullar nedåt får du ytterligare alternativ, varav de flesta handlar om att inkludera/utesluta specifikt innehåll från optimering.

Du kan till exempel utesluta vissa bilder eller resurser, cookies, webbadresser etc. Detta kan vara användbart om du är fotograf och vill utesluta dina högupplösta portfoliobilder från att komprimeras eller om du har en medlemssajt och inte vill att inloggade medlemmar ska få tillgång till cachat innehåll:

Integrationer fliken hjälper dig också att integrera med andra verktyg:

• Omvänd proxy - Många hanterade WordPress-värdar använder Varnish eller Nginx som en omvänd proxy för caching på servernivå, så med den här funktionen kan du fortsätta att dra nytta av dessa optimeringar.
• Cloudflare
• Sucuri

NitroPack ger dig några andra instrumentpaneler för att övervaka användningen och se vilka sidor som har optimerats, men det är i stort sett allt för konfigurationen.

Enkelt, eller hur?

Slutbetänkande: Bör du använda NitroPack?

Vid den här tidpunkten i vår NitroPack-granskning känner jag mig ganska säker på att NitroPack verkligen kan snabba upp din webbplats - siffrorna talar för sig själva.

Dessutom är den superlätt att använda - installationen av WordPress är väldigt enkel och det är helt enkelt att ta hand om den när du väl har kommit över det första steget.

Den enda förvirrande faktorn är priset.

Frågan är inte bara: "Snabbar NitroPack upp din webbplats?" Svaret är ett rungande ja.

Istället är frågan: "Snabbar NitroPack upp din webbplats tillräckligt mycket för att motivera att du betalar minst X dollar varje månad?"

Här är svaret ja...ibland och nej...ibland.

När NitroPack kanske inte passar bra

Om du använder WordPress och har en liten budget kan du hitta andra verktyg som kan förbättra laddningstiderna på din webbplats för mycket mindre pengar. Det bästa alternativet här är förmodligen WP Rocket, som i vår praktiska WP Rocket-granskning minskade laddningstiderna på min testwebbplats avsevärt.

Den här testwebbplatsen fanns i en annan webbhotellsmiljö, så det är inte rättvist att jämföra den siffran med NitroPack (min NitroPack-testwebbplats börjar från ett mycket snabbare baswebbhotell). Poängen är dock att WP Rocket för en avgift på 49 dollar per år kan förbättra laddningstiderna för din webbplats dramatiskt.

För många webbplatser är detta "tillräckligt bra" och sparar mycket pengar, men det inkluderar inte CDN eller bildoptimering.

Kom ihåg: NitroPack erbjuder en kostnadsfri plan för upp till 5 000 besökare per månad om du inte har något emot att visa en badge i sidfoten. Fördelen är att denna plan fortfarande innehåller en CDN och många prestandaförbättringar.

När ska du använda NitroPack?

Om du är villig att betala för förstklassig prestanda har NitroPack många fördelar:

För det första var prestandaförbättringarna i mina tester... ja, ganska imponerande. Det fungerade faktiskt mycket bättre än vad jag hade förväntat mig. Min testwebbplats är redan ganska snabb med sin DigitalOcean-droplet, men NitroPack minskade ändå sidladdningstiderna för min webbplats med över 50 % i både Chicago och Mumbai-testerna.

För det andra förbättrade NitroPack inte bara sidladdningstiden, utan gjorde också massiva förbättringar av prestandamätningarna för "användarupplevelsen" i Googles Core Web Vitals. I Chicagotestet minskade till exempel min tid för Largest Contentful Paint (LCP) från 2,319 s till 0,958 s.

Eftersom Google kommer att börja använda Core Web Vitals som en SEO-rankningsfaktor 2021 är detta ytterligare ett sätt för NitroPack att tjäna pengar.

Kom ihåg att det finns massor av data som kopplar laddningstiderna till viktiga mätvärden som konverteringsfrekvens och avvisningsfrekvens. Så om du har en "seriös" webbplats, till exempel en medlemssida eller e-handelsbutik, kan NitroPack mycket väl betala sig själv genom att hjälpa dig att sälja fler produkter och skapa nöjdare kunder.

Slutgiltigt omdöme? Om du är villig att investera i din webbplats prestanda bör du definitivt överväga NitroPack. Om du har en liten budget har de en begränsad kostnadsfri plan som räcker för små webbplatser.