Recenzja NitroPack: Optymalizacja szybkości witryny WordPress w trybie łatwym

Jeśli masz stronę internetową, musisz zadbać o optymalizację szybkości witryny.

Szybkość strony ma ogromny wpływ na wrażenia użytkowników Twojej witryny — istnieją wszelkiego rodzaju dane łączące niską prędkość witryny z wyższymi współczynnikami odrzuceń, niższymi współczynnikami konwersji i po prostu ogólnie niezadowolonymi użytkownikami.

Ale szczerze mówiąc, tak naprawdę nie potrzebujesz danych, aby to udowodnić, ponieważ prawdopodobnie już wiesz, jak niesamowicie irytująca jest wolno ładująca się witryna, prawda?

Co więcej, dzięki nowej aktualizacji Google Page Experience, Google używa również podstawowych wskaźników internetowych, takich jak Największe malowanie treści, jako czynnika rankingowego w wyszukiwarkach, więc niska prędkość strony może być również przeszkodą w optymalizacji witryny pod kątem wyszukiwarek.

Tak więc – szybkość witryny jest ważna… ale jest też skomplikowana.

Jest buforowanie, optymalizacja JavaScript, optymalizacja CSS, optymalizacja HTML, sieci dostarczania treści (CDN), optymalizacja obrazu, pobieranie z wyprzedzeniem, kompresja… masz pomysł.

NitroPack to łatwa w użyciu wtyczka, która pomaga wdrożyć praktycznie każdą taktykę optymalizacji wydajności , której potrzebuje Twoja witryna, w jednym narzędziu.

Na WordPressie wystarczy zainstalować wtyczkę NitroPack, kliknąć kilka przycisków, a Twoja witryna natychmiast skorzysta z taktyk, takich jak buforowanie, sieć dostarczania treści (CDN), optymalizacja CSS/JavaScript i wiele innych.

W naszej praktycznej recenzji NitroPack przyjrzymy się temu narzędziu, w tym:

• Szybki przegląd funkcji
• Samouczek NitroPack i spójrz na interfejs
• Myśli o tym, czy ulepszenia NitroPacka są „prawdziwe” (to nabierze sensu później)
• Niektóre testy wydajności przed/po z NitroPack
• cennik
• Końcowe przemyślenia

Recenzja NitroPack: co to robi?

NitroPack to uniwersalna wtyczka do optymalizacji prędkości dla WordPressa (i niektórych innych platform).

To jedna z najbardziej wyjątkowych rzeczy w NitroPack – to naprawdę wszystko w jednym .

To zaskakująco rzadkie. Na przykład WP Rocket jest bardzo wszechstronną wtyczką szybkości strony, ale nadal musisz ją przynajmniej sparować z rozwiązaniem do optymalizacji obrazu, CDN i kilkoma innymi poprawkami.

Dzięki NitroPack nie ma potrzeby budowania „stosu” narzędzi do optymalizacji wydajności. Po prostu robi wszystko za Ciebie. Oto funkcje wysokiego poziomu, które obejmuje:

• Buforowanie — w tym inteligentne buforowanie stron ze wstępnym ładowaniem i inteligentnym czyszczeniem pamięci podręcznej, a także buforowanie przeglądarki.
• CDN – wbudowana sieć CDN z ponad 70 globalnymi punktami końcowymi, kompresją Gzip/Brotli i nie tylko.
• Optymalizacja CSS — w tym obsługa krytycznego kodu CSS powyżej części strony widocznej na ekranie, dzięki czemu możesz przyspieszyć początkowe czasy ładowania, w tym metrykę Największe wyrenderowanie treści.
• Optymalizacja JavaScript – możesz odroczyć skrypty, aby skrócić czas początkowego ładowania i w inny sposób zoptymalizować cały JavaScript w Twojej witrynie. NitroPack ma również unikalny sposób przenoszenia skryptów z głównego wątku procesora i opóźniania skryptów do czasu interakcji użytkownika – więcej na ten temat poniżej.
• Optymalizacja obrazu – może automatycznie kompresować/zmieniać rozmiar obrazów i konwertować je do WebP. Dostępna jest również nowa funkcja dostosowywania rozmiaru, która umożliwia dynamiczne wyświetlanie różnych obrazów użytkownikom na podstawie ich rozmiarów ekranu.
• Optymalizacja HTML – w tym zaawansowane szczegóły, takie jak wstępne połączenie DNS dla kluczowych zasobów.

Ten obraz całkiem dobrze podsumowuje kluczowe cechy:

Wyjątkową cechą NitroPacka jest jego „zastrzeżony ładowacz zasobów”. Koncepcja/korzyść z tego jest dość złożona, ale podstawową ideą jest to, że NitroPack optymalizuje sposób ładowania witryny (zwłaszcza jej JavaScript), aby wszystkie oddzielne pliki ładowały się w sposób optymalny dla wygody użytkownika.

Zasadniczo, jeśli włączysz tę funkcję, spróbuje ona załadować tylko minimalną liczbę plików potrzebną do renderowania zawartości strony widocznej na ekranie, a następnie zaczeka z załadowaniem reszty, aż użytkownik zacznie wchodzić w interakcję z Twoją witryną. W ten sposób możesz znacznie przyspieszyć początkowe ładowanie witryny, w tym wskaźnik największej zawartości treści.

Możesz o tym przeczytać tutaj.

Jak używać NitroPacka

Poza wszechstronnymi funkcjami optymalizacji szybkości witryny NitroPack, jego łatwa konfiguracja to kolejna z jego największych zalet.

Możesz dosłownie rozpocząć pracę z w pełni zoptymalizowaną witryną w ciągu zaledwie kilku minut dzięki wielu wstępnie ustawionym trybom optymalizacji.

Zobaczmy, jak to działa…

1. Dodaj swoją witrynę

Na początek będziesz chciał dodać swoją witrynę za pośrednictwem pulpitu NitroPack:

Następnie możesz połączyć swoje konto NitroPack ze swoją witryną za pomocą narzędzia konektora. W przypadku WordPressa oznacza to dedykowaną wtyczkę NitroPack na WordPress.org:

2. Wybierz swój tryb optymalizacji

Teraz możesz wybrać tryb optymalizacji. To jedna z moich ulubionych części NitroPack, ponieważ dzięki niej NitroPack jest tak prosty.

Zamiast majstrować przy kilku osobnych ustawieniach, jak w przypadku większości wtyczek, NitroPack pozwala po prostu wybrać wstępnie ustawioną konfigurację w oparciu o Twoje potrzeby. W przypadku bardziej zaawansowanych użytkowników nadal możesz jednak majstrować .

Możesz to wybrać z pulpitu WordPress lub pulpitu NitroPack.

Istnieje pięć różnych trybów, ale myślę, że większość ludzi będzie chciała wybrać Silny , ponieważ zapewnia on dobrą równowagę między ulepszeniami wydajności, a jednocześnie zachowuje działanie witryny.

Wiele osób lubi również tryb Ludicrous , ponieważ zapewnia on największą poprawę wyników PageSpeed ​​i kluczowych wskaźników internetowych. Zalecam jednak ostrożne korzystanie z tego trybu, ponieważ sposób, w jaki opóźnia JavaScript, może zakłócać niektóre funkcje witryny.

Na przykład, jeśli Twoje menu mobilne opiera się na JavaScript, tryb Ludicrous może powodować dziwne zachowanie. Z drugiej strony, jeśli masz menu oparte na CSS, może to nie stanowić problemu.

Tak więc – na początek możesz pobawić się trybem Ludicrous, ale przygotuj się na powrót do trybu silnego, jeśli wystąpią jakiekolwiek problemy:

3. …zysk

Dla wielu użytkowników to dosłownie to. Po wybraniu trybu konfiguracji możesz przestać myśleć o wydajności, ponieważ NitroPack zajmie się resztą.

4. … Lub Tinker (dla zaawansowanych użytkowników)

Bardziej zaawansowanym użytkownikom NitroPack oferuje również wiele opcji do majsterkowania. Możesz wykluczyć określone strony, skrypty, pliki cookie, zasoby, parametry zapytań itd.

Dostajesz również kilka fajnych opcji, takich jak możliwość optymalizacji skryptów reklamowych, wyczyść pamięć podręczną za pomocą webhooka ( połącz to z WP Webhooks dla zabawy ) i wykonaj inne zaawansowane czynności:

Jeśli jesteś zwykłym użytkownikiem, możesz zignorować wszystkie te rzeczy. Ale jeśli jesteś zaawansowanym użytkownikiem, prawdopodobnie docenisz te ustawienia.

Te ustawienia mogą również pomóc w bezproblemowym korzystaniu z trybu Śmieszne, ponieważ możesz wykluczyć niektóre skrypty, których nie chcesz opóźniać wczytywania.

NitroPack i „Blackhat SEO” – czy to prawda?

Jeśli szukałeś innych recenzji NitroPack, być może zauważyłeś zarzut, że NitroPack jest narzędziem „blackhat SEO”, które nakłania Google do myślenia, że ​​Twoja witryna ładuje się szybko, mimo że tak naprawdę tak się nie dzieje.

Więc – o co tu chodzi?

Cóż, odpowiedź staje się dość techniczna, ale myślę, że jest całkiem jasne, że NitroPack nie robi nic złego.

Wydaje się, że głównym problemem jest różnica między danymi z testów prędkości w laboratorium a rzeczywistymi danymi z testów prędkości w „polu”:

• Lab Data (Synthetic) – symulowane dane dotyczące wydajności zebrane przez narzędzie do testowania prędkości.
• Dane terenowe — rzeczywiste dane dotyczące wydajności Twojej witryny, których doświadczają prawdziwi użytkownicy. Zazwyczaj zbierasz je za pomocą raportu z doświadczeń użytkowników Chrome, który jest dostępny w PageSpeed ​​Insights, jeśli Twoja witryna ma wystarczający ruch.

Dane terenowe są tym, co naprawdę ma znaczenie dla wydajności w świecie rzeczywistym (i aktualizacji algorytmu Google Page Experience SEO), ale większość ludzi skupia się zbytnio na danych laboratoryjnych i „wynikach”, ponieważ są one o wiele łatwiejsze do zebrania.

Sposób, w jaki zastrzeżony moduł ładujący zasoby NitroPacka działa w trybie Ludicrous, przenosząc niektóre procesy z głównego wątku i opóźniając wykonanie JavaScript, oznacza, że ​​Twoja witryna będzie wyglądać „nienormalnie” w niektórych narzędziach do testowania szybkości laboratorium ( ponieważ wiele narzędzi nie jest w stanie wykryć procesy poza wątkiem ).

I w pewnym sensie rozumiem, co ludzie mówią tutaj – witryna korzystająca z trybu NitroPack i Ludicrous będzie wyglądać „podejrzanie” dobrze w niektórych narzędziach do testowania prędkości.

Jednak prawdziwym problemem jest to, czy uważasz, że NitroPack robi to złośliwie, aby „oszukać” Google, czy też jest to po prostu naturalny produkt uboczny sposobu, w jaki działa mechanizm ładowania zasobów i optymalizuje witrynę.

Osobiście uważam, że jest całkiem jasne, że NitroPack to prawdziwa okazja i jest to bardziej problem ze sposobem działania niektórych narzędzi do testowania prędkości, niż z NitroPackiem próbującym oszukać system.

Dlatego:

Po pierwsze, NitroPack nie próbuje niczego tutaj ukrywać, ponieważ sami zalecają użytkownikom NitroPack spojrzenie na rzeczywiste dane dotyczące wydajności użytkownika, a nie tylko poleganie na danych laboratoryjnych.

Co więcej, NitroPack pracuje nad umieszczeniem prawdziwych danych z pola na pierwszym planie na desce rozdzielczej NitroPack. Jeśli spojrzysz na rzeczywiste dane terenowe, zobaczysz, że NitroPack znacznie poprawia zarówno dane laboratoryjne, jak i rzeczywiste dane terenowe.

Nie da się oszukać danych ze świata rzeczywistego. Więc gdyby NitroPack naprawdę próbował naciągnąć ludzi, nie byłoby mądrym z ich strony zachęcanie użytkowników do skupienia się na danych ze świata rzeczywistego, a nie na danych laboratoryjnych.

Ostatnim zarzutem jest to, że NitroPack robi jakiś rodzaj czarnego SEO, który Google ostatecznie będzie karał.

Szczerze, to nie ma dla mnie sensu.

Po pierwsze, szybkość strony jest nadal małym czynnikiem w rankingu, więc nie jest to tak, jak „oszukiwanie” Google w myślenie, że masz szybką witrynę, która podbije cię w rankingu. Google powiedział, że szybkość witryny jest bardziej „rozstrzyganiem” między równie odpowiednimi witrynami, a nie czymś, co samo w sobie poprawi twoje rankingi.

Oznacza to, że nie jest tak, że skrócenie witryny z dwóch sekund do jednej sekundy cokolwiek zmieni – dwie sekundy są już wystarczająco szybkie, aby wygrać remis Google.

Poza tym uważam, że zarzuty dotyczące SEO po prostu nie mają sensu ze względu na to, jak wiele popularnych witryn korzysta z NitroPack i nadal ma dobrą pozycję w rankingu.

W rzeczywistości używamy NitroPack tutaj w WP Mayor! Nie robilibyśmy tego, gdybyśmy myśleli, że ma to jakiś negatywny wpływ na SEO.

Jeśli chcesz to sprawdzić, możesz spojrzeć na nagłówki WP Mayor, a zobaczysz, że rzeczywiście używamy NitroPack:

Wreszcie, jeśli naprawdę się martwisz, możesz użyć narzędzia do sprawdzania adresów URL w Google Search Console, aby zobaczyć, jak Twoja witryna wygląda z NitroPackiem, gdy Google ją indeksuje. Jeśli to zrobisz, zobaczysz, że Google wykrywa pełną zawartość Twojej strony, tak jak bez NitroPacka.

Oznacza to, że według własnego narzędzia indeksowania Google nie ma żadnej różnicy w zawartości Twojej witryny w oczach Google.

Wydajność NitroPacka przed/po

Po długiej dyskusji na bok, chcę spojrzeć na niektóre dane dotyczące wydajności od WP Mayor.

Pomimo tego, co powiedziałem powyżej, że dane terenowe są ważniejsze niż dane laboratoryjne, zamierzam użyć tutaj syntetycznego narzędzia do testowania prędkości, ponieważ cóż, trudno mi zbierać dane przed/po z rzeczywistymi czasami ładowania użytkownika.

Jednak użyję WebPageTest, który wykonuje lepszą niż przeciętną pracę przy przechwytywaniu pełnej szybkości strony, ponieważ pokazuje zarówno w pełni załadowane, jak i kompletne metryki dokumentu.

W pełni załadowana metryka przechwyci wiele kodu JavaScript, który NitroPack odracza/opóźnia podczas początkowego ładowania.

Ponieważ żyjemy w świecie mobile-first, skonfigurowałem WebPageTest z podejściem mobile-first:

• Test z emulowanego iPhone'a 8
• Użyj dławionego połączenia LTE
• Przeprowadź dziewięć oddzielnych testów i weź wartość mediany

Oto dane dla strony głównej WP Mayor zi bez NitroPacka:

*To dobre proxy dla opóźnienia pierwszego wejścia, które jest dostępne tylko z danych terenowych .

**Widać, że żądania HTTP są na początku naprawdę niskie, ponieważ NitroPack opóźnia wiele z tych skryptów.

Ogólnie rzecz biorąc, dzięki NitroPack można zaobserwować całkiem ogromną poprawę, zwłaszcza jeśli chodzi o metryki największej zawartości treści i kompletnego dokumentu.

Pamiętaj, że możesz osiągnąć te ulepszenia za pomocą zaledwie kilku kliknięć. Ponownie, myślę, że to, co czyni NitroPacka wyjątkowym, to połączenie poprawy wydajności i prostoty.

Jeśli interesują Cię wyniki PageSpeed ​​Insights ( osobiście nie jestem ), zebrałem je również dla strony głównej WP Mayor zi bez NitroPacka:

Widać tam również ogromną poprawę, zwłaszcza w przypadku wyniku mobilnego.

Ceny NitroPacków

Teraz, gdy omówiliśmy już wszystko inne, porozmawiajmy o cenach NitroPack.

Po pierwsze, NitroPack ma bezpłatny plan, który obsługuje do 5000 odwiedzających miesięcznie i 1 GB przepustowości CDN ze wszystkimi funkcjami. Jeśli masz witrynę o małym natężeniu ruchu, ten darmowy plan może działać dobrze, przynajmniej na początku.

Jednak wadą darmowego planu jest to, że zawiera plakietkę NitroPack w stopce Twojej witryny. Nie jest to zbyt nachalne, ale warto o tym pamiętać.

Jeśli przekroczysz darmowe limity lub po prostu chcesz usunąć odznakę NitroPack, będziesz musiał zapłacić za plan. Płatne plany NitroPack umożliwiają rozliczanie zarówno miesięczne, jak i roczne. Jeśli płacisz rocznie, dostaniesz dwa miesiące za darmo.

Wszystkie plany mają te same funkcje – jedyne różnice to limity odsłon i przepustowość CDN. Ponadto każdy plan obsługuje tylko jedną witrynę. Jeśli masz wiele witryn, możesz skontaktować się z zespołem sprzedaży NitroPack, aby dowiedzieć się o agencjach niestandardowych i opcjach planu dla wielu witryn, co pozwoli Ci zaoszczędzić trochę pieniędzy.

Jeśli Twoja witryna ma więcej niż milion odsłon lub zużywa ponad 500 GB przepustowości CDN, możesz również skontaktować się z działem sprzedaży NitroPack, aby uzyskać niestandardowy plan.

Dodatkowo wszystkie plany są objęte 14-dniową gwarancją zwrotu pieniędzy, więc nic nie ryzykujesz.

Ostatnie przemyślenia na temat NitroPack

Ogólnie rzecz biorąc, uważam, że korzystanie z NitroPacka w celu przyspieszenia witryny ma pewne zalety i wady.

Głównymi zaletami NitroPacka jest to, że jest tak prosty i tak wszechstronny . Jest to jedno narzędzie, które implementuje prawie każdą taktykę optymalizacji wydajności, w tym unikalne podejścia, takie jak sposób, w jaki opóźnia JavaScript i przenosi go z głównego wątku procesora. Nie sądzę, że znajdziesz prostszy sposób na przejście od zera do posiadania w pełni zoptymalizowanej witryny.

Dla wielu ludzi, zwłaszcza nietechnicznych, to naprawdę potężna propozycja wartości.

Główną wadą NitroPacka jest to, że jest drogi , przynajmniej jak na WordPress miejsce. Jeśli masz ograniczony budżet, możesz znaleźć tańsze wtyczki do szybkości witryny, aby zoptymalizować swoją witrynę (np. WP Rocket) lub możesz nawet zbudować całkiem niezły stos optymalizacji, korzystając z całkowicie darmowych wtyczek WordPress.

W końcu wszystko sprowadza się do tego…

Szybkość witryny jest niezwykle ważna, więc nie możesz jej po prostu zignorować.

Jeśli chodzi o to, co robisz z szybkością witryny, musisz odpowiedzieć na to pytanie:

Czy chcesz zapłacić niewielką premię za rozwiązanie za jednym kliknięciem, aby rozwiązać problemy z szybkością witryny?

Jeśli nie jesteś osobą bardzo techniczną lub wolisz skupić się na tworzeniu treści i marketingu swojej witryny zamiast na optymalizacji wydajności, myślę, że możesz pasować do kategorii „Tak”.

Z drugiej strony, jeśli chcesz utrzymać koszty na jak najniższym poziomie, możesz zmieścić się w kategorii „Nie”, w którym to przypadku możesz preferować tańszą lub bezpłatną wtyczkę szybkości strony WordPress.

Czy te wtyczki są tak proste jak NitroPack? Nie bardzo. Ale jeśli chcesz włożyć w to pracę, nadal możesz zbudować szybko ładującą się stronę internetową, korzystając z bezpłatnych lub tańszych narzędzi.

Jeśli jesteś na płocie, polecam po prostu zarejestrować się w NitroPack i przeprowadzić kilka testów. Proces konfiguracji zajmuje tylko kilka minut, więc nie musisz poświęcać dużo czasu.

Poza tym istnieje 14-dniowa gwarancja zwrotu pieniędzy, więc nie ryzykujesz też żadnych pieniędzy ( lub możesz po prostu wypróbować darmowy plan, jeśli nie masz nic przeciwko odznace NitroPack ).