Szüksége van a sebességre? Nem, nem a következő Fast & Furious filmben való szerepvállalásra gondolok - arról beszélek, hogy mindig keresi a módját, hogyan gyorsíthatja fel weboldalát.

Ha van egy weboldala, nem számít, hogy miről szól, az, hogy milyen gyorsan töltődik be, nagy szerepet fog játszani abban, hogy mennyire sikeres.Egy lassan töltődő weboldal elégedetlen látogatókat eredményez, csökkenti a konverziós arányt, és a Google-nál a kutyaházba kerül.

Talán ezek a tények vezették Önt a NitroPack felülvizsgálatához - a NitroPack egy olyan all-in-one weboldal-teljesítmény eszköz, amely a céloldala szerint "az egyetlen szolgáltatás, amire szüksége van egy gyors weboldalhoz".

Ha egyszerű módon szeretné felgyorsítani weboldalát, nem vagyok benne biztos, hogy talál ennél kényelmesebb módot arra, hogy jelentősen javítsa a betöltési időt.

Persze, ahogy az gyakran előfordul, fizetni fogsz ezért a kényelemért. De a helyzetedtől függően a pénz talán megéri.

Ebben a felülvizsgálatban a NitroPacket teszem próbára a...

• Futtatok néhány előtte/utána teljesítménytesztet, hogy lássam, mennyire gyorsítja fel a NitroPack az oldalamat.
• A NitroPack által kínált különböző funkciók megismerése.
• Megmutatja, hogyan kell a NitroPacket egy WordPress weboldalon beállítani és konfigurálni ( bár a NitroPack nem WordPress oldalakkal is működik ).

A végére tudnia kell, hogy ez a megfelelő eszköz-e az Ön igényeinek.

NitroPack teljesítményteszt adatok

Nyilvánvaló, hogy a legnagyobb tényező annak eldöntésében, hogy érdemes-e használni a NitroPacket, az, hogy észrevehető különbséget tud-e tenni a webhely teljesítményében. Ezért úgy gondolom, hogy a legjobb, ha a NitroPack felülvizsgálatát néhány valódi teljesítményteszttel kezdjük, még mielőtt beszélnénk a funkciókról.

Alapvetően a funkciók jól hangzanak a marketing szövegben, de az oldal betöltési ideje az, ami számít.

A NitroPack teljesítményének teszteléséhez fogtam a megbízható WordPress demóhelyemet, és lefuttattam rajta néhány előtte/utána tesztet különböző helyekről.

A tesztoldalam a legolcsóbb DigitalOcean dropletben van elhelyezve, és az Astra témát használja (a felülvizsgálatunk). Hogy némi "súlyt" adjak hozzá, és a tesztet reálisabbá tegyem, az Organic Store sablon teljes Elementor verzióját is importáltam, amely tartalmazza a WooCommerce plugint (az Elementorral, egy népszerű WordPress oldalépítő pluginnal épített demótartalommal együtt).

A tesztadatok összegyűjtéséhez a WebPageTestet használtam, amely véleményem szerint a legjobb teljesítménytesztelő eszköz. Amellett, hogy különböző mérőszámokat ad a "betöltési időre" vonatkozóan, a Google új Core Web Vitals kezdeményezésének adatait is tartalmazza, amely 2021-ben rangsorolási tényezővé válik.

A Core Web Vitals mérőszámok a betöltési időt mérik a felhasználói élmény szempontjából, nem csak egyetlen "betöltési idő" mérőszámot. Mivel a NitroPack optimalizálásainak nagy része ezeknek a mérőszámoknak a javítására összpontosít (pl. a kritikus CSS inline-olásával), úgy gondolom, hogy ez egy másik fontos elem, amire érdemes odafigyelni.

A tesztkonfigurációmhoz a következőket használtam:

• Teszt helye . Chicago, Illinois ÉS Mumbai, India ( a CDN teljesítményének megtekintéséhez )
• Böngésző : Chrome.
• Kapcsolat : FIOS (20/5 Mbps): Ez lassabb eredményt ad, mint egy olyan eszköz, mint a Pingdom, de pontosabb, mint ahogyan a tényleges látogatók megtapasztalják a webhelyét, mivel ez közel áll az USA egészének átlagos internetsebességéhez.
• A lefuttatandó tesztek száma: "9". A WebPageTest kilenc különálló tesztet futtat le, és a mediánértéket veszi, ami kiküszöböli az egy tesztre vonatkozó változékonyságot.

A tesztoldalamat a PageSpeed Insights-on is lefuttatom, mert tudom, hogy sok embert érdekelnek a PageSpeed Insights pontszámok. Ne a pontszámok megszállottja legyen, hanem az számít, hogy az emberi látogatók hogyan élik meg az oldalát.

Íme, hogyan teljesített - a nyers adatokkal kezdem, majd a szakasz végén mindent összefoglalok:

Chicago, USA:

Nincs teljesítményoptimalizálás (vezérlés)

NitroPackkel

Mumbai, India

Nincs teljesítményoptimalizálás (vezérlés)

NitroPackkel

PageSpeed Insights

A NitroPack előtt:

Mobil:

Asztali számítógép:

A NitroPack után:

Mobil:

Asztali számítógép:

Következtetések

Oké, tudom, hogy az előző részekben rengeteg technikai információt és táblázatot szórtam eléd. Ha nem vagy egy weboldal-teljesítmény junkie, akkor ez egy kicsit túlterhelőnek tűnhetett. Tehát itt vannak az emberbarát következtetések az összes tesztadatból:

A NitroPack hatalmas javulást hozott a webhelyem oldalbetöltési idejében minden területen :

• Az oldal betöltési ideje összességében csökkent, ami a legtöbb embert érdekli.
• A Core Web Vitals Largest Contentful Paint (LCP) javult, ami azt jelenti, hogy látogatói gyorsabban láthatják webhelye legfontosabb tartalmát (ami jobb felhasználói élményt eredményezhet).
• Az első bájtig eltelt idő (TTFB) csökkent, ami azt jelenti, hogy a szerver gyorsabban reagált.
• A PageSpeed Insights pontszámok jelentősen javultak.

Az összehasonlítás szemléltetése érdekében itt látható, hogyan alakulnak a dolgok a chicagói, illinois-i teszt esetében:

Itt a mumbai teszt:

Vegye észre a hatalmas javulást: A tesztoldal majdnem 3x gyorsabb a NitroPackkel.

Végül pedig itt vannak a PageSpeed Insights pontszámok:

Mindent egybevetve, a NitroPack a sebességteszteken kiválóan megfelelt.

Megjegyzés Ádámtól: Ne feledje, ezek a teszteredmények az Elementor és a NitroPack "erős" beállításával készültek. Ha a "nevetséges" módot használja, gyorsabb betöltési időket fog tapasztalni, de problémákba ütközhet. Az egyik kisebb webhelyemen a 90-es évekbe tudtam bejutni a mobil oldal betöltési idejét a könnyű GeneratePress témával és oldalépítő nélkül.

Hogyan gyorsítja fel a NitroPack a weboldalát?

Oké, most már tudja, hogy a NitroPack hatalmas javulást hozhat a webhelye oldalbetöltési idejében. Szóval... hogyan teszi ezt?

A NitroPack legkülönlegesebb tulajdonsága ismét az, hogy egy mindent egyben megközelítést kínál a webhely felgyorsításához. Ahelyett, hogy különböző WordPress teljesítményű bővítmények gyűjteményét kellene összedobni, egyszerűen csak beállíthatod a NitroPacket, és máris kész.

Íme néhány a legnagyobb technikák közül, amelyeket a webhely felgyorsítása érdekében alkalmaz.

Caching

A NitroPack többféle gyorsítótárazási rendszerrel rendelkezik a teljesítmény javítása és a szerver terhelésének csökkentése érdekében. A két legnagyobb az oldal gyorsítótárazása és a böngésző gyorsítótárazása:

• Oldal gyorsítótárazása - elmenti az oldal statikus HTML-verzióját, hogy a szervernek ne kelljen minden látogatáskor PHP-t futtatnia.
• Böngésző gyorsítótárazás - bizonyos statikus erőforrásokat a látogató helyi számítógépén tárol, hogy ne kelljen azokat minden egyes oldalbetöltéskor letölteni.

A NitroPack olyan intelligens funkciókat is tartalmaz, mint a gyorsítótár-érvénytelenítés és az előretöltés, amelyek segítségével biztosíthatja, hogy a lehető legtöbb látogatónak a tartalom gyorsítótárban tárolt változatát kínálja.

Ha szükséges, bizonyos tartalmakat/forrásokat is kizárhat a gyorsítótárból. Ha például e-kereskedelmi áruházat üzemeltet, ki kell zárnia a kosár és a pénztár oldalát.

Tartalomszolgáltató hálózat (CDN)

A CDN felgyorsítja webhelye globális betöltési idejét azáltal, hogy a statikus erőforrásokat a világ különböző pontjain található szerverhálózaton (az úgynevezett peremhelyszíneken) tárolja. Amikor valaki meglátogatja webhelyét, a legközelebbi peremhelyszínről töltheti le ezeket az erőforrásokat, ahelyett, hogy a webhely fizikai szerveréig kellene eljutnia.

Ez a CDN nagyban hozzájárul ahhoz, hogy a tesztoldalam több mint 3-szor gyorsabb volt a NitroPackkel a Mumbai, India tesztben.

A NitroPack CDN-jét az Amazon CloudFront működteti, és automatikusan beépül a szolgáltatásba.

Képoptimalizálás

A képek teszik ki az átlagos weblapok fájlméretének körülbelül a felét, ezért a gyorsítás nagyszerű módja, hogy megtaláljuk a zsugorításuk módját. A NitroPack automatikusan optimalizálja a képeket, beleértve a gyors WebP formátumba való konvertálást és a lusta betöltést.

Kódoptimalizálás

A NitroPack számos különböző funkciót tartalmaz a webhely kódjának optimalizálására. Ez nem csak a webhely kódjának méretét foglalja magában a minifikáción keresztül, hanem azt is, hogyan töltődik be a kód.

Először is, a NitroPack képes automatikusan létrehozni a kritikus CSS-t minden egyes egyedi elrendezéshez, majd elhalasztani a nem kritikus CSS betöltését, ami felgyorsítja a tartalom láthatóvá válását (és növeli a PageSpeed Insights pontszámokat).

A renderelést blokkoló JavaScriptet is el tudja halasztani, ami ugyanolyan pozitív hatást ér el, mint a CSS elhalasztása (és amire a PageSpeed Insights mindig kiabál).

Végezetül, van még néhány egyéb javítás, mint például a DNS előhívás és a betűtípus megjelenítés optimalizálása.

NitroPack árképzés

Most pedig a következő fontos kérdés: mennyibe kerülnek Önnek ezek a funkciók?

A NitroPacknek van egy korlátozott ingyenes csomagja, amely kis webhelyek számára működik, bár tartalmaz egy NitroPack jelvényt a webhely láblécében.

Ezt követően a fizetős csomagok 17,50 $/hóról indulnak éves számlázással vagy 21 $/hóról havi számlázással.

Ezek az árak oldalanként értendők, de több oldalas vagy ügynökségi csomagokért is fordulhat az értékesítési csapathoz. .

Hogyan kell beállítani a NitroPack-et a WordPress-en?

Ahogy már többször említettem, a NitroPack egyik előnye, hogy mennyire egyszerű a használatba vétele. Valójában az összes funkciója ellenére valószínűleg ez a legegyszerűbb optimalizáló eszköz, amit valaha használtam.

Ebben a bemutatóban a WordPressre fogok összpontosítani. Ne feledje azonban, hogy a NitroPack nem korlátozódik a WordPress oldalakra. Ha azonban WordPress-t használ, a dedikált WordPress plugin segítségével néhány perc alatt beüzemelheti.

A kezdéshez a következőkre lesz szükséged:

• Regisztráljon egy NitroPack-fiókra. 14 napos ingyenes próbaverzió áll rendelkezésre a prémium csomagokhoz, valamint a korábban említett ingyenes csomaghoz. A regisztráció során mindenképpen adja meg a WordPress webhelyének URL-címét.
• Telepítse a NitroPack plugint a WordPress.org oldalról.

Ezután menjen a Beállítások → NitroPack a WordPress műszerfalon, és kattintson a Csatlakozás a NitroPackhez gomb:

Ha már be van jelentkezve a NitroPack-fiókjába, a NitroPack észleli ezt. Ellenkező esetben megjelenik egy bejelentkezési kérés.

Ezután ki kell választania, hogy melyik weboldalt szeretné optimalizálni, amit a NitroPack fiók létrehozásakor kellett megadnia:

És ennyi! Összekapcsolódtál - mondtam, hogy könnyű.

Bár a NitroPack ad egy alapvető műszerfalat a WordPress webhelyeden belül, néhány beállítással együtt, a legtöbb dolgot a NitroPack felhő műszerfaláról fogod kezelni, nem a WordPress oldaladat, menjünk oda a következőkben.

A NitroPack konfigurálása

A NitroPackben az a jó, hogy valójában nem is kell "konfigurálnod". Nagyjából a dobozból működik. Valójában, amikor a fenti teszteket futtattam, az alapértelmezett konfigurációt használtam - szó szerint egyetlen módosítást sem végeztem.

Ha mégis bele akarsz ásni, akkor menj a Beállítások fülön a NitroPack műszerfalán. Ezután kiválaszthatja a kívánt optimalizálási szintet a Konfiguráció csúszka. Az Ön által választott optimalizálási szint alapján a NitroPack automatikusan konfigurálja a fent említett funkciók egy részét/összességét.

Például, ha a Erős (az alapértelmezett), olyan funkciókat tartalmaz, mint a lusta betöltés és a betűtípus-optimalizálás. Hivatkozásképpen, a fenti teszteket a következővel futtattam le Erős szint, valamint .

Ha alkalmi felhasználó vagy, akkor kész! Csak állj meg - nem kell tovább menned, mint kiválasztani a kívánt optimalizálási szintet.

Ha lefelé görgetsz, további opciókat kapsz, amelyek többsége bizonyos tartalmak optimalizálásából való kizárásával/bevonásával foglalkozik.

Például kizárhat bizonyos képeket vagy erőforrásokat, cookie-kat, URL-címeket stb. Ez hasznos lehet, ha Ön például fotós, és szeretné kizárni a nagy felbontású portfólió képeinek tömörítését, vagy ha tagsági oldala van, és nem szeretné, hogy a bejelentkezett tagoknak gyorsítótárazva tárolt tartalmat szolgáltassanak:

A Integrációk lap segít integrálni néhány más eszközzel is:

• Fordított proxy - sok menedzselt WordPress tárhely használ Varnish vagy Nginx fordított proxyként a szerverszintű gyorsítótárazáshoz, így ez a funkció lehetővé teszi, hogy továbbra is élvezze az optimalizálás előnyeit.
• Cloudflare
• Sucuri

A NitroPack ad néhány más műszerfali területet a használat nyomon követésére és annak megtekintésére, hogy mely oldalakat optimalizálták, de ez nagyjából ennyi a konfigurációhoz.

Könnyű, ugye?

Végső gondolatok: Használja a NitroPacket?

A NitroPack felülvizsgálatának ezen a pontján meglehetősen magabiztosan állíthatom, hogy a NitroPack valóban képes felgyorsítani a webhelyét - a számok magukért beszélnek.

Ráadásul szuper könnyű használni - a WordPress beállítási folyamata nagyon egyszerű, és teljesen kéznél van, ha már túljutottál a kezdeti nehézségen.

Az egyetlen zavaró tényező az ár.

Látja, a kérdés nem csak az, hogy "A NitroPack felgyorsítja-e az oldalát?" A válasz egy határozott igen.

Ehelyett a kérdés az, hogy "A NitroPack eléggé felgyorsítja-e az oldaladat ahhoz, hogy megérje legalább X dollárt fizetni minden egyes hónapban?".

Itt a válasz igen... néha és nem... néha.

Amikor a NitroPack nem biztos, hogy jó választás

Ha WordPress-t használsz és kevés pénzből gazdálkodsz, találhatsz más eszközöket, amelyek sokkal kevesebb pénzért nagyot javíthatnak webhelyed betöltési idején. A legjobb lehetőség itt valószínűleg a WP Rocket, amely a gyakorlati WP Rocket felülvizsgálatunkban jelentősen csökkentette a tesztoldalam betöltési idejét.

Ez a tesztoldal egy másik tárhelyen volt, így nem fair összehasonlítani ezt a számot a NitroPackkel (a NitroPack tesztoldalam sokkal gyorsabb alapszintű tárhelyről indul). A lényeg azonban az, hogy 49 $/év díjért a WP Rocket drámaian javíthatja a webhely betöltési idejét.

Sok webhely számára ez "elég jó", és sok pénzt takarít meg, azonban nem tartalmaz CDN-t vagy képoptimalizálást.

Ne feledje: a NitroPack ingyenes csomagot kínál havi 5000 látogatóig, ha nem bánja, hogy a láblécben egy jelvényt jelenít meg. Az előnye, hogy ez a csomag még mindig tartalmaz egy CDN-t és rengeteg teljesítményjavítást.

Mikor érdemes használni a NitroPacket

Ha hajlandó fizetni a csúcsminőségű teljesítményért, a NitroPack sok mindent kínál:

Először is, a teljesítmény javulása a tesztjeimben... nos, eléggé lenyűgöző volt. Valójában sokkal jobban teljesített, mint vártam. A tesztoldalam már elég gyors a DigitalOcean dropletjével, de a NitroPack még mindig jóval több mint 50%-kal csökkentette a weboldalam oldalbetöltési idejét mind a chicagói, mind a mumbai teszteknél.

Másodszor, a NitroPack az oldal betöltési idejének javításán túlmenően a Google Core Web Vitals "felhasználói élményt" mérő teljesítménymutatóiban is jelentős javulást ért el. Például a chicagói tesztben a legnagyobb tartalmi festmény (LCP) idejét 2,319 s-ról 0,958 s-ra csökkentette.

Mivel a Google 2021-től a Core Web Vitals-t SEO rangsorolási tényezőként fogja használni, a NitroPack ezzel a módszerrel is megéri a tartását.

Ne feledje, hogy rengeteg adat köti össze a betöltési időt olyan fontos mérőszámokkal, mint a konverziós arány és a visszafordulási arány. Tehát ha "komoly" weboldala van, például tagsági oldala vagy e-kereskedelmi áruháza, a NitroPack megtérülhet azáltal, hogy több terméket ad el és boldogabb ügyfeleket hoz létre.

Végső ítélet? Ha hajlandó befektetni webhelye teljesítményébe, mindenképpen fontolja meg a NitroPacket. Ha szűkös a költségvetése, van egy korlátozott ingyenes csomagjuk, amely elegendő a kis webhelyek számára.