Recenzja WP Rocket: Czy to naprawdę przyspiesza WordPress?

Opublikowany: 2020-01-16

To jest studium przypadku wyjaśniające , w jaki sposób przyspieszyłem WordPress za pomocą wtyczki WP Rocket .

W tym poście recenzuję WP Rocket , dzięki czemu możesz zajrzeć do wtyczki i zobaczyć ją w akcji, zobaczyć dokładne ustawienia, których użyłem i ich rzeczywisty wpływ na szybkość WordPressa .

Do tego eksperymentu użyłem witryny klienta (nazwa domeny została usunięta, aby chronić jego prywatność). Poprawiłem ich SEO na stronie w ramach mojej pracy dla nich, ale ciągle uderzałem w ścianę, jeśli chodzi o szybkość ładowania strony .

Zwykle obwiniałbym powolny hosting . Ale ten klient już używa szybkiego (i dość drogiego) częściowo dedykowanego hosta i Cloudflare!

Szukając szybkiego rozwiązania, postanowiłem spróbować WP Rocket . W tym poście dowiesz się, dlaczego szybkość WordPressa jest ważna i przyjrzysz się dokładnej metodzie, której używam do pomiaru szybkości strony, konfiguracji WP Rocket i tego, jak znacznie przyspieszyła witrynę WordPress mojego klienta.

TL; DR po prostu używając wtyczki WP Rocket skrócił czas ładowania strony o 1 sekundę i przyspieszył czas do pierwszego bajtu 13 razy!

wp-rakieta-przed-po

Co to jest rakieta WP?

WP Rocket to wtyczka do optymalizacji prędkości WordPress stworzona w 2013 roku przez Jonathana Buttigiega i Jean-Baptiste Marchand-Arvier.

wp-rocket team
część zespołu WP Rocket na spotkaniu

Według ich strony internetowej wtyczka jest obecnie używana w ponad 500 000 witryn WordPress .

Buforuje i kompresuje witrynę, aby poprawić wydajność i skrócić czas ładowania strony .

Jako wtyczka premium kosztuje od 39 USD za 1 witrynę na roczną licencję. Wtyczka może być nadal używana po tym okresie, ale nie będzie już otrzymywać aktualizacji. Jednym z największych atutów wtyczki jest jej funkcjonalność jednym kliknięciem – możesz uzyskać wyniki, nie wiedząc nic o kodowaniu.

Dlaczego szybkość strony jest ważna?

Twoja witryna WordPress musi być szybka . Czemu? Ponieważ ludzie denerwują się wolnymi stronami internetowymi. Kto chce czekać, aż Twoja witryna się załaduje.

Jeśli Twoja witryna WordPress działa wolno, ludzie mogą wrócić do Google lub przejść do innej witryny. Właśnie straciłeś klienta! Albo co gorsza – Google spycha Cię w dół SERP, ponieważ wie, że ludzie się odbijają i może powiedzieć, jak powolna jest Twoja witryna.

Tak, szybkość strony jest teraz czynnikiem rankingowym Google .

Jeśli korzystasz z hostingu współdzielonego lub hostingu z małą ilością pamięci RAM (1 lub 2 GB), musisz aktywnie dbać o to, aby WordPress był maksymalnie zoptymalizowany , aby zapewnić dobre, stałe prędkości.

Jak przetestować szybkość swojej witryny WordPress

Przeprowadziłem test prędkości za pomocą webpagetest.org na stronie mojego klienta, aby zobaczyć, jak sobie radzi.

wstępny test prędkości

Możesz zmodyfikować wiele zmiennych przed uruchomieniem testu. Polecam ustawić lokalizację na miejsce, z którego otrzymujesz największy ruch (użyłem Londynu, ponieważ testowałem witrynę z Wielkiej Brytanii).

Możesz wybrać przeglądarkę (ja wybrałem Chrome, ponieważ jest najbardziej popularna wśród użytkowników witryny) i wybrać prędkość połączenia internetowego . Jeśli Twoja witryna generuje duży ruch mobilny, wybierz 3G – aby w pełni przetestować witrynę, musisz wiedzieć, jak radzi sobie z najgorszymi połączeniami internetowymi.

Zalecam testowanie wewnętrznych stron (lub najpopularniejszych stron w Twojej witrynie) w celu uzyskania reprezentatywnych wyników.

Na powyższym zrzucie ekranu widać, że webpagetest da kilka ocen od A do F – mogą wyglądać fajnie, ale rzeczywiste czasy ładowania są ważniejsze.

Lubię sprawdzać Czas wczytywania (2.857), który reprezentuje czas potrzebny do załadowania wszystkich funkcji na stronie (Fully Loaded będzie nieco wyższy, ponieważ zawiera również dodatkowe pliki, takie jak skrypty analityczne).

Patrzę też na First Byte (znany również jako TTFB – time to first byte). TTFB reprezentuje czas potrzebny serwerowi na wysłanie pierwszego bajtu danych. Wolny TTFB zwykle oznacza, że ​​masz wolny serwer lub twoja baza danych WordPress działa słabo.

Aby uzyskać więcej danych, spojrzałem na widok wodospadu .

początkowa-strona-wczytywanie-wodospad

Widok wodospadu dzieli czasy ładowania strony na poszczególne elementy. Możesz łatwo zobaczyć typ elementu (html, css, obrazy itp.) dzięki kodowanemu kolorem klawiszowi .

Na powyższym zrzucie ekranu widać, że najwolniej ładujące się elementy na testowanej przeze mnie stronie to obrazy.

Utwórz kopię zapasową swojej witryny przed wprowadzeniem zmian!

Przed wprowadzeniem jakichkolwiek poprawek wykonałem kopię zapasową całej witryny WordPress . To ważny krok, który zawsze podejmuję przed zainstalowaniem jakiejkolwiek wtyczki lub wprowadzeniem zmian w kodzie. Zaufaj mi, to łatwiejsze niż próba cofnięcia się później.

Następnie kupiłem licencję na jedną witrynę WP Rocket za 39 USD. Z przyjemnością dowiedziałem się, że cena zawiera już podatek VAT (mój klient jest w Wielkiej Brytanii). W razie potrzeby możesz uzyskać licencje zbiorcze dla większej liczby witryn.

ceny rakiet-wp

Następnie pobrałem i zainstalowałem wtyczkę bezpośrednio do pulpitu WordPress.

Jak zainstalować WP Rocket

Pobierz WP Rocket z pulpitu nawigacyjnego.

Zaloguj się do swojej witryny WordPress i przejdź do Wtyczka->Dodaj nowy i kliknij Prześlij wtyczkę.

zainstaluj-wp-rakietę

Kliknij „ Przeglądaj ”, wybierz plik zip WP Rocket i kliknij Zainstaluj teraz .

To takie proste.

Po zainstalowaniu (zajmuje to kilka sekund) zobaczysz pulpit nawigacyjny WP Rocket :

deska rozdzielcza wp-rocket

Dobra wiadomość jest taka, że ​​wtyczka już działa!

Jest kilka powiadomień do odrzucenia i opcji do przejrzenia.

WP Rocket ma również usługę optymalizacji obrazu o nazwie Imagify, którą reklamują z tej wtyczki. W tej chwili nie jestem zainteresowany testowaniem, więc zamknąłem wiadomość.

Z jakiegoś powodu każą również wyłączyć blokowanie reklam, aby uzyskać dostęp do pomocy. Nie potrzebowałem wsparcia, więc zamknąłem tę wiadomość.

Odmówiłem również zezwolenia wtyczce na zbieranie niewrażliwych danych diagnostycznych.

Ponieważ witryna, którą optymalizuję, używa Cloudflare , musiałem poprawić kilka ustawień. Jeśli nie używasz Cloudflare, możesz pominąć następną sekcję.

Jak skonfigurować WP Rocket z Cloudflare

Z pulpitu nawigacyjnego WP Rocket na panelu administracyjnym WordPress przejdź do „ Dodatki ” i ustaw dodatek Cloudflare na „Włączony”.

dodatek-cloudflare

Musisz dodać 3 bity danych, aby wtyczka mogła zsynchronizować się z Cloudflare:

wp-rocket-cloudflare-ustawienia

Globalny klucz API : uzyskaj to, logując się na swoje konto Cloudflare. Przejdź do „Mój profil”, a następnie przewiń w dół do kluczy API i kliknij „Widok”. Będziesz musiał ponownie wprowadzić hasło do konta i być może wykonać Captcha, aby uzyskać interfejs API.

chmura-api

E-mail konta : adres e-mail, którego używasz na swoim koncie Cloudflare.

Identyfikator strefy : znajdziesz go w głównym panelu przeglądu witryny w Cloudflare – kliknij „Zaawansowane”, a identyfikator strefy pojawi się poniżej.

Cloudflare-zone-id

WSKAZÓWKA: Teraz masz WP zsynchronizowany z Cloudflare, nie musisz już używać wtyczki Cloudflare – zarządzasz Cloudflare bezpośrednio z WP Rocket.

Moje niestandardowe ustawienia WP Rocket

Aby uzyskać najlepsze wyniki, wprowadziłem również następujące zmiany w ustawieniach WP Rocket . Są opcjonalne i możesz się z nimi pobawić, aby zobaczyć, co zapewnia najlepszą prędkość w Twojej witrynie.

Oto główny panel ustawień; przejdź w dół zakładek po lewej stronie, aby znaleźć ustawienia, które chcesz zmodyfikować.

deska rozdzielcza-wp-rakieta

Ustawienia pamięci podręcznej

Zostawiłem je tak, jak były

Ustawienia OPTYMALIZACJI PLIKU

Zminifikuj HTML – WŁ

Połącz pliki czcionek Google – WŁĄCZONE

Usuń ciągi zapytań z zasobów statycznych – ON

podstawowe ustawienia

Zminifikuj pliki CSS – ON

Zoptymalizuj dostarczanie CSS – ON

ustawienia-css

Zminimalizuj pliki JavaScript – włączone

Odroczone ładowanie JavaScript – WŁ

ustawienia javascript

Łączenie CSS lub javascript nie jest zalecane przez WP Rocket dla witryn korzystających z HTTP / 2. Jeśli nie masz pewności, czy Twoja witryna korzysta z protokołu HTTP/2, sprawdź tutaj.

Ustawienia multimediów

LazyLoad dla obrazów – ON

Wyłącz emotikony – WŁ

Wyłącz osadzanie WordPress – ON

leniwe ładowanie

Jeśli Twój host używa Varnish (oprogramowania serwerowego, które przyspiesza żądania HTTP), musisz aktywować dodatek Varnish.

dodatek do lakieru

Jeśli nie wiesz, czy Twój dostawca hostingu używa Varnish na serwerze, skontaktuj się z nim bezpośrednio lub przejrzyj ich dokumentację, zwykle jest to dość jasne.

Możesz eksportować/importować ustawienia – dobry pomysł, jeśli planujesz używać wtyczki na wielu stronach internetowych.

Czyszczenie bazy danych WordPress

Oprócz ustawienia buforowania opisanego w poprzedniej sekcji, użyłem również WP Rocket, aby szybko wyczyścić bazę danych WordPress .

Ustawienia BAZY DANYCH

Usuń poprawki – spowoduje to usunięcie starych częściowych postów, które WordPress zapisuje automatycznie.

Usuń automatyczne wersje robocze — nie wymaga wyjaśnień!

czyszczenie bazy danych

Oczyszczanie stanów nieustalonych — czyści tymczasowe miejsce w pamięci. To zregeneruje się w razie potrzeby, ale dobrze jest usunąć śmieci ze starych/ledwie używanych wtyczek.

Optymalizacja tabel – WŁ

optymalizacja-bazy danych

WYNIKI

Czy WP Rocket działa?

Wyczyściłem i przebudowałem pamięć podręczną, a następnie ponownie uruchomiłem test strony internetowej przy użyciu tych samych ustawień, co poprzednio.

Oto wyniki :

wp-rakieta-wyniki

Wow, spójrz na tę prędkość TTFB!

W ciągu 20 minut zajęło mi kupienie, zainstalowanie i skonfigurowanie rakiety WP, strona ładowała się w 2,9 sekundy do 1,8 sekundy.

Szybkość Time to First Byte poprawiła się jeszcze bardziej, zmniejszona z 0,9 sekundy do 0,069. To 13 razy szybciej .

Oto grafika przed i po, dzięki czemu można łatwo zobaczyć, jaki efekt miał WP Rocket:

wp-rakieta-przed-po

Jestem pod wrażeniem wyników.

Witryna uzyskała również dobry wynik optymalizacji mobilnej (84/100) na podstawie statystyk Google PageSpeed:

informacje o szybkości strony

Wydajność komputera stacjonarnego została oceniona na 73/100, ale ta strona jest głównie zoptymalizowana pod kątem urządzeń mobilnych, więc nie jest to dla mnie ważne.

Szczerze mówiąc, wyniki statystyk PageSpeed ​​są bardziej wskaźnikiem próżności niż cokolwiek innego. Tak, fajnie się tym chwalić, ale tak naprawdę liczy się czas wczytywania strony.

Miejsce na udoskonalenie

Idealnie chciałbym, aby witryna ładowała się jeszcze szybciej (mniej niż 1 sekunda, jeśli to możliwe). Widzę z widoku wodospadu webpagetest, że mogę to zrobić, optymalizując obrazy na stronie (są dość duże i hostowane zewnętrznie).

Nie ma nic, co WP Rocket może zrobić z obrazami w witrynie (ani żadna inna wtyczka, ponieważ są hostowane poza witryną), ale można to zrobić ręcznie (poprzez skonfigurowanie CDN do hostowania obrazów lub zaimportowanie ich do witryny optymalizacja pod kątem małego rozmiaru pliku). Zajmę się tym wkrótce!

Bieżąca konserwacja prędkości

W miarę upływu czasu Twoja witryna może ponownie zwolnić, ponieważ baza danych zostanie zaśmiecona .

WP Rocket pozwala zautomatyzować funkcje czyszczenia postów i optymalizacji bazy danych , aby działały w regularnych odstępach czasu (poszedłem z tygodniem), więc wszystko pozostaje szybkie, nawet jeśli nie logujesz się często do witryny WordPress.

Dla mnie korzystającego z wtyczki na stronie klienta ta funkcja jest niezbędna, ponieważ klient nie będzie musiał nic robić, a WP Rocket będzie zoptymalizować rzeczy na autopilocie .

Ostateczny werdykt: Czy WP Rocket jest tego wart?

Krótka odpowiedź brzmi: tak!

Za 39 USD i 20 minut znacznie przyspieszyłem witrynę WordPress i ustawiłem automatyczną optymalizację, która zapewni jej szybkie działanie bez mojego zaangażowania.

Tak więc, polecam używanie WP Rocket, aby przyspieszyć witryny WordPress.

Jedyne osoby, które mogą nie potrzebować, to programiści, którzy sami mogą ręcznie wprowadzać poprawki, lub każdy, kto korzysta z hostingu z włączonym zaawansowanym buforowaniem po stronie serwera.

Dodałem wtyczkę do mojej listy najlepszych wtyczek i motywów WordPress – zobacz, czy potrzebujesz dodatkowych rekomendacji.

Jeśli kupisz WP Rocket za pomocą mojego linku partnerskiego, otrzymam niewielką opłatę za polecenie (bez dodatkowych kosztów dla Ciebie), która pokryje koszty prowadzenia tej witryny. Dziękuję!

Kupon i oferty WP Rocket

Sprawdź oficjalną stronę, aby uzyskać najnowsze kody kuponów tutaj.

Wtyczka jest dość tania, ale jeśli desperacko szukasz okazji, WP Rocket zawsze ma kupon lub ofertę, szczególnie w okolicach Czarnego Piątku.