NitroPack Review: Optimizarea vitezei site-ului WordPress în modul Ușor

Dacă aveți un site web, trebuie să vă pese de optimizarea vitezei site-ului.

Viteza paginii are un efect uriaș asupra experienței utilizatorului site-ului dvs. – există tot felul de date care leagă viteza lentă a site-ului cu rate de respingere mai mari, rate de conversie mai mici și, în general, utilizatori nemulțumiți.

Dar, sincer, nu aveți nevoie de date pentru a demonstra acest lucru, deoarece probabil știți deja cât de incredibil de enervant este un site web care se încarcă lentă, nu?

În plus, odată cu noua actualizare a Google Page Experience, Google folosește, de asemenea, valorile Core Web Vitals, cum ar fi Largest Contentful Paint, ca factor de clasare în motorul de căutare, astfel încât viteza lentă a paginii poate fi, de asemenea, un obstacol pentru optimizarea motorului de căutare a site-ului dvs.

Deci – viteza site-ului este importantă… dar este și complicată.

Există stocarea în cache, optimizarea JavaScript, optimizarea CSS, optimizarea HTML, rețelele de livrare a conținutului (CDN), optimizarea imaginilor, preîncărcarea, compresia... ați înțeles ideea.

NitroPack este un plugin ușor de utilizat care vă ajută să implementați aproape fiecare tactică de optimizare a performanței de care are nevoie site-ul dvs. într-un singur instrument.

Pe WordPress, tot ce faci este să instalezi pluginul NitroPack, să dai clic pe câteva butoane, iar site-ul tău va beneficia instantaneu de tactici precum stocarea în cache, o rețea de livrare a conținutului (CDN), optimizarea CSS/JavaScript și multe altele.

În recenzia noastră practică NitroPack, vom arunca o privire practică asupra acestui instrument, inclusiv următoarele:

• O scurtă prezentare a caracteristicilor
• Un tutorial NitroPack și uită-te la interfață
• Gânduri despre dacă îmbunătățirile NitroPack sunt „reale” (acest lucru va avea sens mai târziu)
• Câteva teste de performanță înainte/după cu NitroPack
• Prețuri
• Gânduri finale

NitroPack Review: Ce face?

NitroPack este un plugin all-in-one de optimizare a vitezei pentru WordPress (și alte platforme).

Acesta este unul dintre cele mai unice lucruri despre NitroPack – este într-adevăr totul într-unul .

Acest lucru este surprinzător de rar. De exemplu, WP Rocket este un plugin de viteză a paginii foarte cuprinzător în sine, dar trebuie să îl asociați cel puțin cu o soluție de optimizare a imaginii, un CDN și alte modificări.

Cu NitroPack, nu este nevoie să construiți un „teanc” de instrumente de optimizare a performanței. Face totul pentru tine. Iată care sunt caracteristicile de nivel înalt pe care le acoperă:

• Memorarea în cache – inclusiv stocarea în cache inteligentă a paginii cu preîncărcare și ștergere inteligentă a memoriei cache, precum și stocarea în cache a browserului.
• CDN – un CDN încorporat cu peste 70 de puncte finale globale, compresie Gzip/Brotli și multe altele.
• Optimizare CSS – inclusiv gestionarea CSS-urilor critice deasupra paginii, astfel încât să vă puteți crește timpul inițial de încărcare, inclusiv valoarea cea mai mare de vopsea de conținut.
• Optimizare JavaScript – puteți amâna scripturile pentru a îmbunătăți timpul inițial de încărcare și, altfel, pentru a optimiza întregul JavaScript al site-ului dvs. NitroPack are, de asemenea, o modalitate unică de a muta scripturile din firul principal al procesorului și de a întârzia scripturile până la interacțiunea utilizatorului - mai multe despre asta mai jos.
• Optimizarea imaginilor – poate comprima/redimensiona automat imaginile și le poate converti în WebP. Există, de asemenea, o nouă funcție de dimensionare adaptivă care vă permite să difuzați în mod dinamic diferite imagini utilizatorilor în funcție de dimensiunile ecranului lor.
• Optimizare HTML – inclusiv detalii avansate, cum ar fi preconectarea DNS pentru resurse cheie.

Această imagine face o treabă destul de bună de a rezuma caracteristicile cheie:

Un lucru unic despre NitroPack este „încărcătorul de resurse proprietar”. Conceptul/beneficiul acestui lucru este destul de complex, dar ideea de bază este că NitroPack optimizează modul în care se încarcă site-ul dvs. (în special JavaScript) pentru a face ca toate fișierele separate să se încarce într-un mod optim pentru experiența utilizatorului.

Practic, dacă activați această funcție, încearcă să încarce doar fișierele minime necesare pentru a reda conținutul de deasupra paginii și apoi așteptați să încărcați restul până când un utilizator începe să interacționeze cu site-ul dvs. Procedând astfel, puteți accelera foarte mult timpul inițial de încărcare a site-ului dvs., inclusiv cea mai mare măsurătoare pentru conținutul de conținut.

Puteți citi totul despre asta aici.

Cum se utilizează NitroPack

Dincolo de caracteristicile complete de optimizare a vitezei site-ului NitroPack, configurarea sa ușoară este un alt dintre cele mai puternice beneficii ale sale.

Puteți fi literalmente în funcțiune cu un site complet optimizat în doar câteva minute datorită mai multor moduri de optimizare prestabilite.

Să ne uităm la cum funcționează...

1. Adăugați site-ul dvs. web

Pentru a începe, veți dori să adăugați site-ul dvs. prin intermediul tabloului de bord NitroPack:

Apoi, vă puteți conecta contul NitroPack la site folosind un instrument de conectare. Pentru WordPress, asta înseamnă pluginul dedicat NitroPack de la WordPress.org:

2. Alegeți modul dvs. de optimizare

Acum, sunteți gata să alegeți modul de optimizare. Aceasta este una dintre părțile mele preferate ale NitroPack, deoarece este ceea ce face NitroPack atât de simplu.

Mai degrabă decât să faci o mulțime de setări separate, așa cum ar trebui să faci în majoritatea pluginurilor, NitroPack vă permite doar să alegeți o configurație prestabilită în funcție de nevoile dvs. Pentru utilizatorii mai avansați, tot puteți modifica .

Puteți selecta acest lucru din tabloul de bord WordPress sau din tabloul de bord NitroPack.

Există cinci moduri diferite, dar cred că majoritatea oamenilor vor dori să aleagă Strong , deoarece oferă un echilibru bun de îmbunătățiri ale performanței, păstrând totodată funcționarea site-ului dvs.

Mulți oameni le place, de asemenea, modul Ridic , deoarece va aduce cea mai mare îmbunătățire a scorurilor tale PageSpeed ​​și a Core Web Vitals. Cu toate acestea, vă recomand să fiți atenți cu acest mod, deoarece modul în care întârzie JavaScript ar putea interfera cu anumite funcții de pe site-ul dvs.

De exemplu, dacă meniul tău mobil se bazează pe JavaScript, modul Ridic poate provoca un comportament ciudat acolo. Pe de altă parte, dacă aveți meniuri bazate pe CSS, aceasta ar putea să nu fie o problemă.

Deci, nu ezitați să vă jucați cu modul Ridic pentru a începe, dar fiți pregătit să reveniți la modul Puternic dacă aveți probleme:

3. …Profit

Pentru mulți utilizatori, acesta este literalmente. Odată ce ai ales modul de configurare, poți să nu te mai gândești la performanță, deoarece NitroPack se ocupă de restul.

4. … Sau Tinker (pentru utilizatori avansați)

Pentru utilizatorii mai avansați, NitroPack vă oferă, de asemenea, o mulțime de opțiuni pentru a modifica. Puteți exclude anumite pagini, scripturi, cookie-uri, resurse, parametri de interogare și așa mai departe.

De asemenea, aveți câteva opțiuni bune, cum ar fi capacitatea de a optimiza scripturile de anunțuri, de a șterge memoria cache prin webhook ( combinați acest lucru cu WP Webhooks pentru un pic de distracție ) și de a efectua alte acțiuni avansate:

Dacă sunteți un utilizator ocazional, nu ezitați să ignorați toate aceste lucruri. Dar dacă sunteți un utilizator avansat, probabil că veți aprecia aceste setări.

Aceste setări vă pot ajuta, de asemenea, să utilizați modul Ridic fără probleme, deoarece puteți exclude anumite scripturi pe care nu doriți să întârzie încărcarea.

NitroPack și „Blackhat SEO” – Este un lucru real?

Dacă ați căutat și alte recenzii NitroPack, s-ar putea să fi văzut acuzația că NitroPack este un instrument „Blackhat SEO” care păcălește Google să creadă că site-ul dvs. se încarcă rapid, deși chiar nu se încarcă.

Deci, care este afacerea aici?

Ei bine, răspunsul devine destul de tehnic, dar cred că este destul de clar că NitroPack nu face nimic rău.

Problema principală aici pare să fie diferența dintre datele de testare a vitezei de laborator și datele reale ale testelor de viteză „de câmp”:

• Date de laborator (sintetice) – date de performanță simulate colectate de un instrument de testare a vitezei.
• Field Data – datele reale de performanță ale site-ului dvs., așa cum le-au experimentat vizitatorii umani reali. De obicei, veți colecta acest lucru prin Raportul privind experiența utilizatorului Chrome, care este disponibil în PageSpeed ​​Insights dacă site-ul dvs. are suficient trafic.

Datele de teren sunt ceea ce contează cu adevărat pentru performanța în lumea reală (și pentru actualizarea algoritmului SEO de la Google Page Experience), dar majoritatea oamenilor se concentrează prea mult pe datele de laborator și pe „scoruri”, deoarece sunt mult mai ușor de colectat.

Modul în care încărcătorul de resurse proprietar al NitroPack funcționează în modul Ridic prin mutarea anumitor procese din firul principal și întârzierea execuției JavaScript înseamnă că site-ul dvs. va arăta „anormal” de bine în unele instrumente de testare a vitezei de laborator ( deoarece multe instrumente nu sunt capabile să detecteze procese off-thread ).

Și înțeleg cam ceea ce spun oamenii aici – un site care folosește NitroPack și modul Ridic va arăta „suspect de bine” în anumite instrumente de testare a vitezei.

Cu toate acestea, adevărata problemă aici este dacă credeți că NitroPack face asta cu răutate pentru a „înșela” Google sau dacă este doar un produs secundar natural al modului în care funcția lor de încărcare de resurse funcționează și vă optimizează site-ul.

Personal, cred că este destul de clar că NitroPack este adevărata afacere și aceasta este mai degrabă o problemă cu modul în care funcționează unele instrumente de testare a vitezei decât cu NitroPack care încearcă să joace sistemul.

Iata de ce:

În primul rând, NitroPack nu încearcă să ascundă nimic aici, deoarece ei înșiși recomandă utilizatorilor NitroPack să se uite la datele reale de performanță a utilizatorilor, mai degrabă decât să se bazeze doar pe datele de laborator.

În plus, NitroPack lucrează pentru a pune în primul rând datele reale din câmp în tabloul de bord NitroPack. Dacă te uiți la datele reale din câmp, vei vedea că NitroPack aduce îmbunătățiri mari atât datelor de laborator, cât și datelor reale ale câmpului.

Nu poți păcăli datele din lumea reală. Așadar, dacă NitroPack ar încerca într-adevăr să atragă unul rapid asupra oamenilor, nu ar fi inteligent din partea aceștia să-și încurajeze utilizatorii să se concentreze pe datele din lumea reală decât pe datele de laborator.

Ultima acuzație este că NitroPack face un fel de SEO cu pălărie neagră pe care Google îl va penaliza în cele din urmă.

Sincer, asta nu are sens pentru mine.

În primul rând, viteza paginii este încă un factor mic de clasare, așa că nu este ca și cum „a păcăli” Google, să creadă că aveți un site rapid, vă va ridica în clasament. Google a spus că viteza site-ului este mai mult un „departament” între site-uri la fel de relevante, mai degrabă decât ceva care vă va îmbunătăți clasamentul de la sine.

Adică, nu este ca și cum site-ul tău să treacă de la două secunde la o secundă ar schimba ceva – două secunde sunt deja suficient de rapide pentru a câștiga departajarea Google.

Dincolo de asta, cred că acuzațiile SEO pur și simplu nu au sens din cauza câte site-uri populare folosesc NitroPack și încă se clasează bine.

De fapt, folosim NitroPack aici la WP Mayor! Nu am face asta dacă am crede că există vreun impact negativ asupra SEO.

Dacă doriți să verificați acest lucru, puteți să vă uitați la anteturile pentru WP Mayor și veți vedea că într-adevăr folosim NitroPack:

În cele din urmă, dacă ești cu adevărat îngrijorat, poți folosi instrumentul de inspecție URL din Google Search Console pentru a vedea cum arată site-ul tău cu NitroPack atunci când Google îl accesează cu crawlere. Dacă faceți asta, veți vedea că Google detectează întregul conținut al paginii dvs. la fel cum ar face-o fără NitroPack.

Adică, nu există nicio diferență în ceea ce privește conținutul site-ului dvs. pentru ochii Google, conform instrumentului de accesare cu crawlere al Google.

NitroPack Performance înainte/după

Cu această discuție lungă din drum, vreau să mă uit la câteva date de performanță de la WP Mayor.

În ciuda a ceea ce am spus mai sus despre datele de teren că sunt mai importante decât datele de laborator, voi folosi aici un instrument de testare sintetică a vitezei, deoarece, ei bine, îmi este greu să colectez date înainte/după cu timpii reali de încărcare a utilizatorilor.

Cu toate acestea, voi folosi WebPageTest, care face o treabă mai bună decât media la capturarea experienței cu viteza completă a paginii, deoarece arată atât valorile complet încărcate, cât și valorile complete ale documentului.

Valoarea complet încărcată va capta o mare parte din JavaScript pe care NitroPack îl amână/întârzie la încărcarea inițială.

Deoarece trăim într-o lume care primește dispozitivul mobil, am configurat WebPageTest cu o abordare bazată pe mobil:

• Testați de pe un iPhone 8 emulat
• Utilizați o conexiune LTE accelerată
• Rulați nouă teste separate și luați valoarea mediană

Iată datele pentru pagina de pornire WP Mayor cu și fără NitroPack:

*Acesta este un proxy bun pentru First Input Delay, care este disponibil numai din datele de câmp .

**Puteți vedea că solicitările HTTP sunt foarte scăzute la început, deoarece NitroPack întârzie multe dintre aceste scripturi.

În general, puteți observa o îmbunătățire destul de masivă cu NitroPack, mai ales când vine vorba de valorile Largest Contentful Paint și Document Complete.

Rețineți că puteți obține aceste îmbunătățiri cu doar câteva clicuri. Din nou, cred că ceea ce face NitroPack unic este combinația de îmbunătățiri ale performanței și simplitate.

Dacă sunteți interesat de scorurile PageSpeed ​​Insights ( personal, nu sunt ), le-am colectat și pentru pagina de pornire WP Mayor cu și fără NitroPack:

Puteți vedea îmbunătățiri uriașe și acolo, în special cu scorul mobil.

Prețuri NitroPack

Acum că am acoperit totul, să vorbim despre prețurile NitroPack.

În primul rând, NitroPack are un plan gratuit care acceptă până la 5.000 de vizitatori pe lună și 1 GB lățime de bandă CDN cu toate caracteristicile. Dacă aveți un site cu trafic redus, acel plan gratuit ar putea funcționa bine pentru dvs., cel puțin la început.

Cu toate acestea, dezavantajul planului gratuit este că include o insignă NitroPack în subsolul site-ului dvs. Nu este foarte intruziv, dar este ceva de reținut.

Dacă depășiți limitele gratuite sau doriți doar să eliminați insigna NitroPack, va trebui să plătiți pentru un plan. Planurile plătite ale NitroPack permit atât facturarea lunară, cât și anuală. Dacă plătiți anual, veți primi două luni gratuite.

Toate planurile au aceleași caracteristici – singurele diferențe sunt limitele de vizualizare a paginii și lățimea de bandă CDN. În plus, fiecare plan acceptă doar un singur site. Dacă aveți o mulțime de site-uri, puteți contacta echipa de vânzări NitroPack pentru a afla despre opțiunile personalizate de agenții și planuri pentru mai multe site-uri, care vă pot economisi niște bani.

Dacă site-ul dvs. are mai mult de un milion de vizualizări de pagină sau consumă mai mult de 500 GB lățime de bandă CDN, puteți contacta, de asemenea, vânzările NitroPack pentru un plan personalizat.

În plus, toate planurile vin cu o garanție de rambursare a banilor de 14 zile, astfel încât să nu riști nimic.

Gânduri finale despre NitroPack

În general, cred că există unele avantaje și dezavantaje clare în utilizarea NitroPack pentru a vă accelera site-ul.

Principalele avantaje ale NitroPack sunt că este atât de simplu și atât de cuprinzător . Este un instrument care implementează aproape orice tactică de optimizare a performanței, inclusiv abordări unice, cum ar fi modul în care întârzie JavaScript și îl mută din firul principal al procesorului. Nu cred că veți găsi o modalitate mai simplă de a trece de la zero la un site complet optimizat.

Pentru mulți oameni, în special pentru cei netehnici, aceasta este o propunere de valoare cu adevărat puternică.

Principalul dezavantaj al NitroPack este că este scump , cel puțin pentru spațiul WordPress. Dacă aveți un buget redus, puteți găsi pluginuri mai ieftine pentru viteza site-ului pentru a vă optimiza site-ul (cum ar fi WP Rocket) sau puteți chiar să construiți o stivă de optimizare destul de bună folosind plugin-uri WordPress complet gratuite.

Până la urmă, se ajunge la asta...

Viteza site-ului este incredibil de importantă, așa că nu o puteți ignora pur și simplu.

Când vine vorba de ceea ce faci cu privire la viteza site-ului, trebuie să răspunzi la această întrebare:

Sunteți dispus să plătiți o ușoară primă pentru aproape o soluție cu un singur clic pentru a rezolva problemele de viteză ale site-ului dvs.?

Dacă nu sunteți o persoană foarte tehnică sau dacă preferați să vă concentrați pe crearea de conținut și pe marketingul site-ului dvs. în loc de optimizarea performanței, cred că s-ar putea să vă încadrați în categoria „Da”.

Pe de altă parte, dacă doriți să vă mențineți costurile cât mai mici posibil, s-ar putea să vă încadrați în categoria „Nu”, caz în care ați putea prefera un plugin pentru viteza paginii WordPress mai ieftin sau gratuit.

Sunt acele pluginuri la fel de simple ca NitroPack? Nu chiar. Dar dacă sunteți dispus să lucrați, puteți construi un site web cu încărcare rapidă folosind instrumente gratuite sau mai ieftine.

Dacă sunteți pe gard, vă recomand să vă înscrieți la NitroPack și să efectuați câteva teste. Procesul de configurare durează doar câteva minute, așa că nu va trebui să investiți mult timp.

Dincolo de asta, există o garanție de rambursare a banilor de 14 zile, așa că nici nu riști niciun ban ( sau poți doar să încerci planul gratuit dacă ești de acord cu insigna NitroPack ).