Imate li potrebu za brzinom? Ne, ne govorim o audiciji za ulogu u sljedećem Fast & Bijesan film – govorim o tome da uvijek tražite načine da ubrzate svoju web stranicu.

Ako imate web stranicu, bez obzira o čemu se radi, koliko brzo se učitava igrat će veliku ulogu koliko je uspješan. Web stranica koja se sporo učitava dovest će do nezadovoljnih posjetitelja, smanjiti vaše stope konverzije i staviti vas u pseću kućicu s Googleom.

Možda su vas te činjenice dovele do naše recenzije NitroPacka – NitroPack je all-in - jedan alat za izvedbu web stranice koji je, prema riječima odredišne ​​stranice, "jedina usluga koja vam je potrebna za brzu web stranicu".

Ako želite jednostavan način da ubrzate svoju web stranicu, nisam sigurno ćete pronaći prikladniji način da značajno poboljšate vrijeme učitavanja.

Naravno, kao što je često slučaj, platit ćete za tu pogodnost. Ali ovisno o vašoj situaciji, novac bi mogao biti vrijedan toga.

U ovoj recenziji, testirat ću NitroPack tako što ću…

• Izvršiti neke performanse prije/poslije testove da vidim koliko NitroPack može ubrzati moju web stranicu.
• Kopanje u razne značajke koje NitroPack nudi.
• Pokazujem vam kako postaviti i konfigurirati NitroPack s WordPress web stranicom ( iako NitroPack radi i s stranicama koje nisu WordPress ).

Na kraju biste trebali znati je li to pravi alat zaod kojih se većina bavi uključivanjem/isključivanjem određenog sadržaja iz optimizacije.

Na primjer, možete isključiti određene slike ili resurse, kolačiće, URL-ove itd. Ovo bi moglo biti korisno ako ste, recimo, fotograf i želite isključiti svoje slike portfelja visoke razlučivosti iz komprimiranja ili ako imate web mjesto za članove i ne želite da se prijavljenim članovima poslužuje predmemorirani sadržaj:

Kartica Integrations također vam pomaže u integraciji s nekim drugim alatima:

• Obrnuti proxy – mnogi upravljani WordPress hostovi koriste Varnish ili Nginx kao obrnuti proxy za predmemoriju na razini poslužitelja, pa vam ova značajka omogućuje da nastavite imati koristi od tih optimizacija.
• Cloudflare
• Sucuri

NitroPack vam daje nekoliko drugih područja nadzorne ploče za praćenje korištenja i pregled stranica koje su optimizirane, ali to je uglavnom sve za konfiguraciju.

Lako, zar ne?

Završne misli: Trebalo bi koristite NitroPack?

U ovom trenutku u našoj recenziji NitroPack-a, prilično sam siguran u tvrdnju da NitroPack doista može ubrzati vašu web-lokaciju – brojke govore same za sebe.

Osim toga, super je jednostavno koristiti – postupak postavljanja WordPressa vrlo je jednostavan i potpuno je jednostavan nakon što prijeđete preko te početne grbe.

Jedini zbunjujući faktor je cijena.

Vidite, pitanje je t samo "Ubrzava li NitroPack vašu stranicu?".Taj odgovor je odlučno da.

Umjesto toga, pitanje je "Ubrzava li NitroPack vašu stranicu dovoljno da opravda plaćanje najmanje X dolara svaki mjesec?"

Ovdje je odgovor da...ponekad, a ne...ponekad.

Kada NitroPack možda ne odgovara

Ako koristite WordPress i imate ograničen budžet, možete pronaći druge alate koji mogu znatno poboljšati vrijeme učitavanja vaše web-lokacije manje novca. Najbolja opcija ovdje je vjerojatno WP Rocket koji je, u našoj praktičnoj recenziji WP Rocket, značajno smanjio vrijeme učitavanja moje testne stranice.

Sada, ova testna stranica bila je u drugom okruženju hostinga, tako da nije fer usporedite taj broj s NitroPackom (moje NitroPack testno mjesto počinje s mnogo bržim osnovnim hostingom). Međutim, stvar je u tome da, za 49 USD godišnje, WP Rocket može dramatično poboljšati vrijeme učitavanja vaše web-lokacije.

Za mnoge web-lokacije ovo je "dovoljno dobro" i uštedjet će vam mnogo novca . Međutim, ne uključuje CDN ili optimizaciju slike.

Zapamtite: NitroPack nudi besplatan plan za do 5000 posjetitelja mjesečno ako vam ne smeta prikazivanje značke u podnožju. Pozitivno je to što ovaj plan i dalje uključuje CDN i mnoštvo poboljšanja performansi.

Kada biste trebali koristiti NitroPack

Ako ste spremni platiti za vrhunsku izvedbu, NitroPack ima puno ide za to:

Prvo, poboljšanja performansi u mojim testovimabili su... pa, prilično dojmljivi. Zapravo se pokazao puno boljim nego što sam očekivao. Moja je testna stranica već prilično brza sa svojim DigitalOcean dropletom, ali NitroPack je ipak skratio vrijeme učitavanja stranice moje web-lokacije za više od 50% i za Chicago i za Mumbai testove.

Drugo, uz poboljšanje top-line broj vremena učitavanja stranice, NitroPack je također izvršio golema poboljšanja metrike izvedbe više "korisničkog iskustva" u Googleovim osnovnim web pokazateljima. Na primjer, u testu u Chicagu smanjio je moje vrijeme najvećeg slikanja sadržaja (LCP) s 2,319 s na 0,958 s.

Budući da će Google početi koristiti Core Web Vitals kao faktor rangiranja za SEO 2021., ovo je još jedan način na koji NitroPack zarađuje.

Zapamtite, postoji mnogo podataka koji povezuju vrijeme učitavanja s važnim mjernim podacima kao što su stopa konverzije i stopa napuštanja početne stranice. Dakle, ako imate "ozbiljnu" web stranicu, poput stranice za članstvo ili e-trgovine, NitroPack bi mogao sam sebe isplatiti tako što će vam pomoći prodati više proizvoda i stvoriti sretnije kupce.

Konačna presuda? Ako ste voljni ulagati u izvedbu svoje web stranice, svakako biste trebali razmotriti NitroPack. Ako ste ograničeni proračunom, oni imaju ograničen besplatni plan koji je dovoljan za male web stranice.

Podaci testiranja performansi NitroPacka

Očito je da je najveći čimbenik u određivanju hoćete li koristiti NitroPack ili ne može li učiniti primjetnu razliku u izvedbi vašeg web-mjesta. Iz tog razloga, mislim da je najbolje započeti našu recenziju NitroPacka s nekim pravim testovima performansi, čak i prije nego što govorimo o bilo kojoj od njegovih značajki.

U osnovi, značajke zvuče lijepo u marketinškom tekstu, ali vrijeme učitavanja stranice je što je bitno.

Kako bih testirao izvedbu NitroPacka, uzeo sam svoju pouzdanu WordPress demo stranicu i upotrijebio je za pokretanje nekih prije/poslije testova s ​​različitih lokacija.

Moja testna stranica nalazi se na najjeftinijem DigitalOceanu droplet i koristi temu Astra (naša recenzija). Kako bih dodao malo "težine" i test učinio realističnijim, također sam uvezao punu Elementor verziju predloška Organic Store koja uključuje WooCommerce dodatak (zajedno s demo sadržajem izrađenim pomoću Elementora, popularnog WordPress dodatka za izradu stranica).

Za prikupljanje testnih podataka upotrijebio sam WebPageTest, koji je po mom mišljenju najbolji alat za testiranje performansi. Osim davanja različitih mjernih podataka za "vrijeme učitavanja", također uključuje podatke za Googleovu novu inicijativu Core Web Vitals, koja će postati faktor rangiranja 2021.

Metričke vrijednosti Core Web Vitals mjere vremena učitavanja kako se primjenjuju korisničkom iskustvu, a ne samo jednoj metrici "vrijeme učitavanja". Jer puno NitroPack-aoptimizacije usmjerene na poboljšanje ovih metrika (npr. ugradnjom kritičnog CSS-a), mislim da su one još jedan važan dio na koji treba obratiti pozornost.

Za svoju testnu konfiguraciju upotrijebio sam sljedeće:

• Testna lokacija . Chicago, Illinois I Mumbai, Indija ( da vidite kako CDN radi )
• Preglednik : Chrome.
• Veza : FIOS (20/5 Mbps). Ovo će dati sporiji rezultat od alata kao što je Pingdom, ali je točnije kako će stvarni ljudski posjetitelji doživjeti vašu stranicu jer je blizu prosječne brzine interneta za SAD u cjelini.
• Broj testova za pokretanje: “9”. WebPageTest će pokrenuti devet zasebnih testova i uzeti srednju vrijednost, što eliminira varijabilnost pojedinačnog testa.

Također ću pokrenuti svoje testno mjesto kroz PageSpeed ​​Insights jer znam da je puno ljudi briga za rezultate PageSpeed ​​Insightsa. Ipak, nemojte sami biti opsjednuti rezultatima. Ono što je doista važno jest kako vaši posjetitelji doživljavaju vašu web-lokaciju.

Evo kako je funkcioniralo – počet ću s neobrađenim podacima, a zatim sve sažeti na kraju ovog odjeljka:

Chicago, SAD:

Bez optimizacije performansi (kontrola)

S NitroPack

Mumbai , Indija

Bez optimizacije performansi (kontrola)

S NitroPack

PageSpeed ​​Insights

PrijeNitroPack:

Mobilni uređaj:

Stolni uređaj:

Nakon NitroPacka:

Mobilni uređaj:

Desktop:

Zaključci

U redu, znam da sam vam u prethodnim odjeljcima ispljunuo mnogo tehničkih informacija i tablica. Ako niste ovisnik o performansama web stranica, to bi vam se moglo činiti pomalo neodoljivim. Dakle, evo zaključaka razumljivih ljudima iz svih tih testnih podataka:

NitroPack je značajno poboljšao vrijeme učitavanja stranice moje web-lokacije u svim područjima :

• ukupno vrijeme učitavanja stranice smanjeno, a to je ono do čega je većini ljudi stalo.
• Core Web Vitals Largest Contentful Paint (LCP) je poboljšan, što znači da će vaši posjetitelji moći brže vidjeti najvažniji sadržaj vaše web-lokacije (što bi trebalo dovesti do boljeg iskustva).
• Vrijeme do prvog bajta (TTFB) se smanjilo, što znači da je poslužitelj brže reagirao.
• Rezultati PageSpeed ​​Insights znatno su poboljšani.

Da biste lakše vizualizirali usporedbu, evo kako stvari izgledaju za test u Chicagu, Illinois:

Ovo je Mumbai test:

Ovdje primijetite ogromno poboljšanje. Testna stranica je gotovo 3x brža s NitroPackom.

Na kraju, evo rezultata PageSpeed ​​Insights:

Sve u svemu, NitroPack je izvrsno prošao testove brzine.

Napomena od Adama: Upamtite, ovo su rezultati testiranja pomoću Elementora i postavke "strong" u NitroPacku. Ako upotrebljavate "smiješni" način, doživjet ćete brže učitavanje, ali možete naići na probleme. Na jednom od mojih manjih web-mjesta uspio sam dobiti vrijeme učitavanja mobilne stranice 90-ih pomoću lagane teme GeneratePress i bez alata za izradu stranica.

Kako NitroPack ubrzava vašu web-lokaciju?

U redu , tako da sada znate da NitroPack može značajno poboljšati vrijeme učitavanja stranice vaše web-lokacije. Dakle…kako to radi?

Opet, najjedinstvenija stvar kod NitroPacka je ta što nudi sveobuhvatan pristup ubrzanju vaše web stranice. Umjesto hakiranja skupa raznih dodataka za izvedbu WordPressa, možete samo postaviti NitroPack i završiti s radom.

Ovdje su neki od najvećihtehnike koje implementira kako bi ubrzao vašu stranicu.

Predmemoriranje

NitroPack ima niz sustava za predmemoriranje za poboljšanje performansi i smanjenje opterećenja na vašem poslužitelju. Dva najveća su predmemoriranje stranica i predmemoriranje preglednika:

• Predmemoriranje stranica – sprema statičnu HTML verziju stranice tako da vaš poslužitelj ne mora izvršavati PHP za svaki posjet .
• Predmemoriranje preglednika – sprema određene statičke resurse na posjetiteljevo lokalno računalo tako da oni ne moraju preuzimati te resurse pri svakom učitavanju stranice.

NitroPack također uključuje pametne značajke kao što su poništavanje predmemorije i predučitavanje, što vam pomaže osigurati da se što većem broju posjetitelja poslužuju predmemorirane verzije vašeg sadržaja.

Ako je potrebno, možete isključiti određeni sadržaj/resurse iz predmemorirano. Na primjer, ako imate trgovinu e-trgovine, morat ćete izuzeti svoju košaricu i stranice za naplatu.

Mreža za isporuku sadržaja (CDN)

CDN ubrzava globalno učitavanje vaše web-lokacije puta predmemoriranjem statičkih resursa na mreži poslužitelja diljem svijeta (koje se nazivaju rubne lokacije). Zatim, kada netko posjeti vašu web-lokaciju, može preuzeti te resurse s najbliže rubne lokacije, umjesto da mora ići skroz do fizičkog poslužitelja vaše web-lokacije.

Ovaj CDN veliki je dio onoga što objašnjava kako moj mjesto za testiranje bilo je više od 3 puta brže s NitroPackom u Mumbaiju u Indijitest.

NitroPackov CDN pokreće Amazon CloudFront i automatski je ugrađen u uslugu.

Optimizacija slike

Slike čine otprilike polovicu veličine datoteke prosječne web stranice, tako da pronalaženje načina da ih smanjite odličan je način da ubrzate stvari. NitroPack automatski optimizira vaše slike, uključujući njihovo pretvaranje u brzi WebP format i njihovo lijeno učitavanje.

Optimizacija koda

NitroPack uključuje mnogo različitih značajki za optimizaciju koda vaše web stranice. To uključuje ne samo veličinu koda vaše web-lokacije putem smanjivanja, već i način na koji se vaš kod učitava.

Prvo, NitroPack može automatski generirati kritični CSS za svaki jedinstveni izgled, a zatim odgoditi učitavanje nekritičnog CSS-a, što će ubrzati koliko brzo sadržaj postaje vidljiv (a također povećati vaše rezultate PageSpeed ​​Insights).

Također može odgoditi JavaScript koji blokira renderiranje, čime se postižu isti pozitivni učinci kao i odgoda CSS-a (i nešto je na što PageSpeed ​​Insights uvijek viče o vama).

Konačno, tu su i neka druga poboljšanja kao što je prethodno dohvaćanje DNS-a i optimizacija iscrtavanja fonta.

Cijene NitroPacka

Sada, za sljedeće važno pitanje – koliko hoće li vas sve te značajke koštati?

NitroPack ima ograničeni besplatni plan koji će funkcionirati za male web-lokacije, iako uključuje značku NitroPack u podnožju vaše web-lokacije.

Nakon toga, plaćeni planovipočevši od 17,50 USD mjesečno s godišnjom naplatom ili 21 USD mjesečno s mjesečnom naplatom.

Ove cijene vrijede po stranici, ali također možete kontaktirati prodajni tim za planove za više stranica ili agencije .

Kako konfigurirati NitroPack na WordPressu

Kao što sam već nekoliko puta spomenuo, jedna od prednosti NitroPacka je kako je lako započeti s njim. Zapravo, za sve značajke koje implementira, to je vjerojatno najjednostavniji alat za optimizaciju koji sam ikada koristio.

Usredotočit ću se na WordPress za ovaj vodič. Međutim, zapamtite da NitroPack nije ograničen na WordPress stranice. Međutim, ako koristite WordPress, namjenski dodatak za WordPress omogućit će vam da počnete raditi u samo nekoliko minuta.

Da biste započeli, morat ćete:

• Registrirati se za NitroPack račun. Postoji 14-dnevno besplatno probno razdoblje za premium planove, kao i besplatni plan koji sam ranije spomenuo. Obavezno unesite URL svoje WordPress stranice prilikom prijave.
• Instalirajte NitroPack dodatak s WordPress.org.

Zatim idite na Postavke → NitroPack na nadzornoj ploči WordPressa i kliknite gumb Poveži se s NitroPackom :

Ako ste već prijavljeni na svoj NitroPack račun, NitroPack će to otkriti. U suprotnom, vidjet ćete upit za prijavu.

Zatim morate odabrati koju web stranicu želite optimizirati, koju ste trebali unijetikada kreirate svoj NitroPack račun:

I to je to! Povezani ste – rekao sam vam da je lako.

Dok vam NitroPack daje osnovnu nadzornu ploču unutar vašeg WordPress web-mjesta zajedno s nekoliko postavki, većinom ćete stvari upravljati s NitroPackove nadzorne ploče u oblaku, nije vaša WordPress stranica. Idemo dalje tamo.

Kako konfigurirati NitroPack

Super stvar kod NitroPacka je da ga zapravo ne trebate čak ni "konfigurirati". Uglavnom radi izvan kutije. Zapravo, kada sam proveo gore navedene testove, koristio sam zadanu konfiguraciju – doslovno nisam napravio nijednu promjenu.

Ako želite detaljnije, otići ćete na Kartica Postavke na nadzornoj ploči NitroPack. Zatim možete odabrati željenu razinu optimizacije s klizača Konfiguracija . Na temelju razine optimizacije koju odaberete, NitroPack će automatski konfigurirati neke/sve značajke koje sam gore spomenuo.

Na primjer, ako odaberete Strong (zadano), uključivat će značajke poput odgođenog učitavanja i optimizacije fonta. Za referencu, testovi koje sam proveo iznad također su koristili razinu Jako .

Ako ste povremeni korisnik, gotovi ste! Samo prestanite - zapravo ne morate ići dalje od odabira razine optimizacije koju želite.

Ako se pomaknete prema dolje, dobit ćete neke dodatne opcije,