Recenzja WP Rocket: Czy to naprawdę przyspiesza WordPress?
Opublikowany: 2020-01-16To 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!
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.
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.
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 .
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.
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ę.
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 :
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”.
Musisz dodać 3 bity danych, aby wtyczka mogła zsynchronizować się z Cloudflare:
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.
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.
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ć.
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
Zminifikuj pliki CSS – ON
Zoptymalizuj dostarczanie CSS – ON
Zminimalizuj pliki JavaScript – włączone
Odroczone ładowanie JavaScript – WŁ
Łą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
Jeśli Twój host używa Varnish (oprogramowania serwerowego, które przyspiesza żądania HTTP), musisz aktywować dodatek Varnish.
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ń!
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Ł
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 :
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:
Jestem pod wrażeniem wyników.
Witryna uzyskała również dobry wynik optymalizacji mobilnej (84/100) na podstawie statystyk Google PageSpeed:
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.