Recenzja NitroPack: plusy i minusy z rzeczywistymi statystykami

Dzięki najnowszym aktualizacjom Google szybkość witryny stała się ważnym czynnikiem rankingowym. Wiadomo było już, że szybkość strony internetowej jest istotnym czynnikiem poprawiającym współczynniki konwersji i współczynniki odrzuceń. Zgodnie z niedawnym ogłoszeniem Google, podstawowe wskaźniki Web Vital określają teraz jakość techniczną Twojej witryny. Nitropack to jedna wtyczka optymalizacyjna, która może pomóc w rozwiązaniu tych problemów.

Jako właściciel witryny WordPress możesz poradzić sobie z wieloma z tych problemów za pomocą wtyczek. Jednak każda wtyczka buforująca ma inne zalety i wady. Tutaj omówię korzyści i wykorzystanie Nitropack, jednej z moich ulubionych wtyczek do buforowania.

Przyjrzyjmy się temu narzędziu bardziej szczegółowo, aby lepiej je zrozumieć.

Przegląd Nitropack

Nitropack dostarcza kompleksowe rozwiązanie dla wielu stron internetowych opartych na CMS i PHP. Dodatkowo Nitropack oferuje swoje usługi na tych platformach.

• WordPress
• Magento
• Otwórz koszyk
• WooCommerce
• Pakiet SDK dla PHP

W tej recenzji skoncentruję się na stronach WordPress.

Kompleksowe rozwiązanie do kompresji skryptów JS, CSS i HTML. Świadczy również usługi optymalizacji CDN i obrazu. Jeśli porównamy to z narzędziem takim jak WP Rocket, wykonuje niesamowitą pracę w zakresie kompresji skryptów; jednak wymaga osobno wtyczek CDN i Image Optimizer.

Ogólnie rzecz biorąc, ta wtyczka pomoże Ci przejść test Google Core Web Vital w celu ulepszenia FCP, LCP i CLS. Wykorzystuje również automatyczne buforowanie, aby zapewnić użytkownikom szybsze ładowanie elementów internetowych.

Najbardziej atrakcyjną cechą tego narzędzia jest to, że działa ono w chmurze. W ten sposób wtyczka wykona całą optymalizację automatycznie bez wpływu na przepustowość hostingu. Dlatego nawet jeśli nie jesteś osobą techniczną, konfiguracja i korzystanie z tej wtyczki powinno zająć Ci tylko pięć minut.

Zgarnij NitroPack 5% zniżki dla naszych czytelników bloga.

Nitropack Plusy i minusy

Przyjrzyjmy się pokrótce zaletom i wadom Nitropacka, abyś mógł zdecydować, czy jest wart twoich pieniędzy, czy nie.

Plusy

• Dobra CDN
• Automatyczna optymalizacja dla HTML, CSS i JS
• Kompleksowy zestaw narzędzi do optymalizacji obrazu
• Mnóstwo drobnych poprawek, aby poprawić szybkość witryny i przejść CWV.
• Większa szybkość strony oznacza więcej konwersji.
• Niższe koszty szybkiego hostingu/CDN
• Obsługa wtyczek eCommerce, takich jak WooCommerce lub Magneto
• Pomaga w zdaniu CWV i lepszym rankingu

Cons

• Niektóre ustawienia są zbyt agresywne i mogą kolidować z innymi wtyczkami
• Obsługa klienta nie jest imponująca
• Narzędzia audytu pokazują problemy, ale możesz je dostosować, aby je dostosować
• Obciążenie przepustowością dla większych witryn

Cechy nitropacku

Nitropack oferuje szeroką gamę funkcji, dzięki którym Twoja witryna będzie szybsza i zoptymalizowana pod kątem Google. Większość z nich jest automatyczna, więc nie musisz robić nic więcej poza konfiguracją wtyczki. Zamiast tego możesz wybrać tylko metodę optymalizacji i kilka podstawowych ustawień z pulpitu WordPress.

Konieczne będzie wykonanie ręcznych korekt z pulpitu Nitropack Cloud.

Automatyczna optymalizacja

Nitropack automatycznie zoptymalizuje Twoją stronę po instalacji. Chociaż ma 5 poziomów optymalizacji, automatycznie przełącza się na Ludicrous . Uważam, że jest to najlepsze ustawienie automatyczne w Nitropack; jednak możesz chcieć przełączyć się między „ Mocne ” i „ Śmieszne ”. Aby lepiej zrozumieć automatyczną optymalizację, możesz skorzystać z tego przewodnika.

Jeśli Twoja witryna wykorzystuje dużo JS, może to kolidować z ustawieniem Ludicrous. Na przykład skrypt JS służy do projektowania zautomatyzowanego „ Menu mobilnego”. „Utrzymywanie optymalizacji w Ludicrous jest ryzykowne, ponieważ może złamać kod i sprawić, że menu mobilne będzie wyglądać dziwnie.

Jeśli jednak utworzysz menu za pomocą CSS, rozwiąże to Twój problem. Masz również możliwość dostosowania ustawień, aby znaleźć to, co najlepiej sprawdzi się w Twojej witrynie.

Zaawansowany system buforowania

Nitropack zapewnia zaawansowany system buforowania, który może zmniejszyć wykorzystanie przepustowości i poprawić wrażenia użytkownika w Twojej witrynie. W dziale buforowania sprawdza się najlepiej. Buforuje stronę, gdy użytkownik ją kliknie i utrzymuje ją w sieci CDN.

Zarówno z pulpitu WordPress, jak i Nitropack możesz sprawdzić, jak dużo pamięci podręcznej i CDN jest używane. Dodatkowo możesz wyczyścić całą pamięć podręczną podczas aktualizowania treści, jeśli sobie tego życzysz.

• Funkcja Smart Cache jest bardzo przydatnym narzędziem, jeśli Twoi użytkownicy wracają częściej niż nowi. Jednak aktualizowanie zawartości powinno odbywać się z taką samą szybkością jak poprzednio i bez utraty danych z pamięci podręcznej.
• Smart Cache automatyzuje proces za Ciebie. Zaktualizuje pamięć podręczną, nawet jeśli zaktualizujesz zawartość sprzed roku bez uszczerbku dla wydajności lub komfortu użytkownika.
• Rozgrzewanie pamięci podręcznej to świetna funkcja, jeśli masz mały ruch w swojej witrynie i nie rozwijasz się szybko. Zwykle jest on domyślnie wyłączony, ale jeśli chcesz, aby użytkownicy mieli szybsze przeglądanie, możesz go włączyć.

Włączając to, odwiedzający mogą przeglądać pamięć podręczną, nawet jeśli nie klikną na stronie. Ponadto, jeśli odwiedzający ma wolniejsze połączenie internetowe, strona ładuje się znacznie szybciej.

Optymalizacja obrazu

Obrazy odgrywają kluczową rolę w tworzeniu strony internetowej; jednak zajmują znaczną ilość miejsca. Jeśli ładowanie obrazów zajmuje dużo czasu, wpływa to na ogólne wrażenia użytkownika. Nitropack automatycznie kompresuje obrazy i dostosowuje ich rozmiar zgodnie z potrzebami.

• Adaptacyjna zmiana rozmiaru obrazu: skróć czas ładowania, ładując obrazy zgodnie z urządzeniem.
• Kompresuj obraz: Utrzymuje obraz w stratnym lub bezstratnym formacie, aby zużywać mniej przepustowości i przyspieszać ładowanie witryny.
• Wolne ładowanie: Opóźnia wyświetlanie obrazów, dopóki odwiedzający nie będzie gotowy, aby je zobaczyć.
• Formatowanie WEBP: Automatycznie konwertuj stare i nowe przesłane obrazy do formatu WEBP, aby przeglądarka mogła je szybciej wyświetlać.

Nitropack obsługuje to wszystko za kulisami na swojej platformie w chmurze, co oznacza, że ​​nie ma dodatkowego obciążenia Twojej witryny.

Optymalizacja HTML

Nitropack automatycznie optymalizuje skrypt HTML Twojej witryny. Wiele wtyczek zapewnia tę funkcję. Może to jednak złamać kodowanie witryny i sprawić, że będzie wyglądać brzydko. Oprócz tego, że dobrze sobie radzisz z HTML, możesz także zoptymalizować kod JSON w swojej witrynie.

Jeśli napotkasz jakiekolwiek problemy związane z kodem JSON w Twojej witrynie, możesz użyć tego narzędzia, aby je rozwiązać. Na przykład, jeśli korzystasz z formularza zgody, możesz doświadczyć opóźnienia ładowania z powodu kodu JSON. Nitropack automatycznie zajmie się tym za Ciebie.

Zalecam używanie OptinMonster jako formularza zgody. Następnie możesz łatwo zintegrować oba, aby osiągnąć najlepsze wyniki w zakresie generowania leadów.

Dodatkowo możesz dołączyć komentarz HTML jako zasób DOM. Jednak nie polecam tego robić, ponieważ znacznie wydłuży to czas ładowania.

Optymalizacja CSS

Nitropack automatycznie optymalizuje CSS w doskonały sposób. Kompresuje i minimalizuje kod CSS, aby strony ładowały się szybciej. Automatyzacja obejmuje te funkcje.

• Połącz CSS: Połącz wszystkie pliki CSS w jeden plik, aby zmniejszyć liczbę żądań HTTP.
• CSS nad zakładką Najpierw: Po pierwsze, ładuje CSS nad zakładką, aby poprawić wrażenia użytkownika i wysyła żądania tylko do treści, które muszą zobaczyć odwiedzający.
• Minifikacja: Zminimalizuj kod, aby uzyskać lepszą optymalizację.
• Kompresja: Kompresja zarówno dla hostingu, jak i serwera, aby szybko dostarczyć zawartość.

Co więcej, otrzymasz również zaawansowane funkcje, takie jak niestandardowa implementacja CSS, zredukowany nieużywany CSS i krytyczny CSS. Do wdrożenia tych ustawień wymagana będzie również ręczna optymalizacja.

Jeśli jednak spojrzysz na cenę, będziesz musiał zapłacić tylko 10 USD miesięcznie za usługi takie jak krytyczne.

Optymalizacja JavaScript

Jeśli chodzi o powolne ładowanie, głównym winowajcą są skrypty JS. Podobnie jak HTML i CSS, Nitropack automatyzuje i udoskonala proces optymalizacji JS.

• Łączenie JS: Połącz cały kod JS w 1 pakiet dla mniejszych żądań HTTP.
• Kompresja JS: Skompresuj wszystkie skrypty, aby przyspieszyć dostarczanie ich na serwer.
• JS Minification: Zminimalizuj kody bez łamania witryny.

Zaleca się, aby nie ręcznie łączyć JS, chyba że masz w tym wiedzę specjalistyczną. Pojedynczy błąd może spowodować całkowite zniszczenie Twojej witryny, nawet po usunięciu dodatków.

Integracja i narzędzia

Chociaż Nitropack jest wystarczający do samodzielnej optymalizacji szybkości i wydajności Twojej witryny, deweloper oferuje ulepszone rozwiązanie poprzez integrację.

Jeśli Twój dostawca usług hostingowych używa Varnish lub NGINX jako zwrotnego serwera proxy zamiast gZip , powinieneś dostosować zwrotny serwer proxy w celu uzyskania optymalnej wydajności. Na przykład możesz dostosować zwrotny serwer proxy dla określonego adresu URL lub całej witryny.

Dodatkowo, jeśli korzystasz z usług w ramach Cloudflare lub Sucuri, możesz zintegrować je z kluczami API, aby poprawić wydajność CDN.

Kolejną funkcją, która mi się podobała w Nitropacku, jest optymalizacja kodu reklam. Jest to szczególnie przydatne dla blogerów, którzy wykorzystują platformy reklamowe do zarabiania.

Jeśli wyświetlasz reklamy w swojej witrynie, Google Page Speed ​​Insight napotka ten problem ze spadkiem prędkości. Możesz rozwiązać ten problem jednym kliknięciem.

Najwyższej klasy CDN

Niewiele można powiedzieć o Nitropack CDN, ponieważ korzysta z Amazon CloudFront. Według G2 jest to druga najlepsza alternatywa dla IBM CDN. Oprócz swojej reputacji jako CDN białej etykiety, jest wysoce niezawodny.

Ponad 70 serwerów w ponad 70 krajach zapewnia odwiedzającym otrzymywanie plików z najbliższego serwera w swojej przeglądarce.

NitroPack w akcji

Do tej pory poznałeś tylko funkcje i korzyści. Jeśli nie weźmiesz pod uwagę doświadczenia w świecie rzeczywistym, wydaje się ono niekompletne. Dlatego przeprowadziłem test na fałszywej stronie internetowej, korzystając z taniego dostawcy hostingu, aby zobaczyć surowy potencjał Nitropacka.

Wszystkie testy zostały przeprowadzone w „ Trybie gościa ” w przeglądarce Chrome. W rezultacie nie będzie pamięci podręcznej, która wpłynie na wyniki.

Narzędzia, których użyłem to GT Metrix i Google Page Speed ​​Insight. Oba te programy sprawdzające wydajność sieci są renomowane i niezwykle wydajne.

Przypominam również, że do stworzenia strony demonstracyjnej użyłem Kadence Theme i Kadence Block. Dlatego przed rozpoczęciem testu wszystkie inne wtyczki zostały wyłączone.

Przed dodaniem Nitropack

Raport Google PSI na urządzenia mobilne :

Wyniki z Google Page Speed ​​Insight wskazują, że wydajność mobilnej wersji mojej strony wynosi tylko 77 . Czas ładowania wynosi 8,9 sekundy. Wyświetlanie strony na urządzeniu mobilnym jest bardzo wysokie. Chociaż czas blokowania był dobry, inne wskaźniki były słabe.

Raport Google PSI Desktop:

Mimo że korzystałem z bezpłatnego planu X10hosting , wydajność komputerów stacjonarnych pozostała wysoka. Jednym z powodów jest lekki, zoptymalizowany pod kątem SEO motyw Kadence. Jednak mój internet jest dość szybki, bo dochodzi do 25 Mb/s, więc 2,9 sekundy jest całkiem zauważalne.

Raport GT Metrix:

Chociaż zrzut ekranu wydaje się być przyzwoitym wynikiem witryny, czas pierwszego bajtu do interakcji wynosi 1,7 sekundy. W związku z tym załadowanie tylko elementów znajdujących się w części zgięcia trwałoby zbyt długo. Co więcej, rozmiar strony wynosi 1,13 MB, co zajmie dużo czasu, aby załadować się na wolniejszym połączeniu, co powoduje 49 żądań HTTP.

Po dodaniu Nitropack

Zobaczmy teraz, co potrafi NitroPack na podstawie podobnych ustawień na mojej stronie. Mimo to nie aktywowałem żadnych innych wtyczek, aby zachować uczciwą grę.

Raport Google PSI na urządzenia mobilne:

Spójrz na wzrost wydajności narzędzia. Wzrósł o 95 proc . z 77 proc. Ponadto czas ładowania skrócił się do 2,8 sekundy , czyli 3,18 raza szybciej , a FCP i TTI (Time to Interactive) znacznie się poprawiły w czasie rzeczywistym.

Raport Google PSI Desktop :

W porównaniu z poprzednim wynikiem bez Nitropacka jest to imponujące. Wydajność poprawiła się do 99 punktów , a indeks prędkości spadł do 1 sekundy . Czas ładowania zarówno FCP, jak i TTI wyniósł 0,7 sekundy . Podsumowując, wszystko znacznie się poprawiło.

Raport metryki GT:

Raport GT Metrix wyjaśnia to lepiej, ponieważ liczby znacznie się zmieniły. Wynik wydajności 100% z czasem ładowania 0,7 sekundy. To imponujące. Rozmiar strony zmniejszył się do 361 kb , czyli 3,53x mniej niż poprzedni wynik. Wysłał tylko 16 żądań HTTP w celu załadowania strony.

Statystyki mówią same za siebie. Nitropack znacząco poprawia szybkość Twojej strony. Przenosi go na wyższy poziom, ponieważ nie wywiera presji na serwerze hostingowym.

Jak połączyć Nitropack z witryną WordPress?

Jeśli jesteś przekonany, że chcesz to narzędzie, powinieneś również wiedzieć, jak je podłączyć.

Pierwszym krokiem jest założenie konta na oficjalnej stronie Nitropack. Następnie zainstaluj wtyczkę Nitropack na swojej stronie. Jeśli Twoja witryna i konto Nitropack są w tej samej przeglądarce, kliknięcie przycisku „ Połącz z Nitropack ” połączy wtyczkę z Twoim kontem.

W przeciwnym razie kliknij wprowadź szczegóły ręcznie i możesz ręcznie wprowadzić „ Identyfikator witryny ” i „ Sekret witryny ”. Skopiuj i wklej je ze swojego konta Nitropack i kliknij „ Połącz z Nitropack ”. To wszystko, co musisz zrobić.

Plany cenowe Nitropack

Nitropack oferuje 3 pakiety premium oraz opcję startu za darmo. Każdy z tych pakietów jest dostępny zarówno w rozliczeniu miesięcznym, jak i rocznym.

Jeśli płacisz miesięcznie:

1. Pakiet biznesowy będzie kosztować 18,90 USD miesięcznie .
2. Pakiet Growth będzie kosztować 45,90 USD/miesiąc
3. Waga będzie kosztować 158,40 USD/miesiąc

Z drugiej strony, jeśli wybierzesz pakiet roczny, średni miesięczny koszt zostanie znacznie obniżony dzięki bezpłatnemu dwumiesięcznemu okresowi próbnemu . Miesięczna opłata za pakiet roczny wynosi 15,75 USD miesięcznie , maksymalnie 132 USD miesięcznie.

Bez względu na Twoje plany, możesz używać tego tylko na jednej stronie. Możesz jednak otrzymać pakiety premium w ramach tego samego konta Nitropack, jeśli masz więcej niż jedną stronę internetową.

Zgarnij NitroPack 5% zniżki dla naszych czytelników bloga.

Czy NitroPack jest lepszy niż WP Rocket?

Jeśli chodzi o podobne funkcje, takie jak kompresja CSS i HTML, Nitropack nie jest lepszy od WP Rocket. Jednak Nitropack oferuje CDN i funkcję automatycznej optymalizacji, która daje mu przewagę.

Mimo to WP Rocket jest bardziej przystępny cenowo, biorąc pod uwagę jego funkcje. Dlatego jeśli chodzi o Nitropack, jest to najlepsza opcja, jeśli stać Cię na opłacenie usług.

Ostateczny werdykt recenzji NitroPack

Nitropack byłby najlepszą opcją, jeśli wyczerpałeś wszystkie inne narzędzia optymalizacyjne i nie udało Ci się osiągnąć wyników Google Core Web Vital. Ponadto należy pamiętać, że witrynę można zoptymalizować tylko dla 1 miliona odsłon.

Jeśli masz dużą witrynę internetową z ponad milionem odwiedzających miesięcznie, Nitropack nie będzie w stanie zapewnić Ci tego samego poziomu wydajności. Ponadto jest nieco droższy niż inne wtyczki optymalizacyjne, ale oferuje więcej funkcji.

Nitropack to świetna opcja dla każdego, kogo stać na plany premium. Ponadto średniej wielkości witryny o wysokiej pozycji w Google powinny wypróbować to narzędzie, aby witryna była szybka i przyjazna dla użytkownika.