Carlos-barraza-logo-50

WP Rocket Review 2023 Jak wtyczka Cache pomaga Core Web Vitals

WP rocket header
Napisane przez
WP Rocket
WP rocket header

Read out this WP Rocket review to learn more about how the best WordPress cache plugin can help you with SEO and Core Web Vitals optimization.

Cena: 49

Waluta: USD

System operacyjny: Wordpress

Kategoria aplikacji: Speed Optimization

Ocena redakcji:
4.9

Pros

  • Supports WordPress Website Speed Optimization
  • Easy to use
  • Compatible with Elementor

Cons

  • Remove unused CSS might affect website layout

WP Rocket to najlepsza wtyczka premium WordPress do buforowania na rynku, ponieważ oferuje bardzo kompletny zestaw narzędzi, które pomogą przyspieszyć Twoją witrynę. Innymi słowy, jest to wtyczka, która pomoże Ci przyspieszyć ładowanie strony „w locie” bez konieczności bycia ekspertem w tej technologii.

Technicznie WP Rocket jest wtyczką buforującą, systemem, który zbiera strony witryny, które są już załadowane w pamięci, aby następnie mogły być dostarczane odwiedzającym szybciej.

Czyli w dużym skrócie, ten puglin nie pozwoli Ci zaimplementować cachowania strony, połączyć plików CSS i JS, zastosować jakichś resource hintów, minify plików CSS i JavaScript oraz zoptymalizować serwowanego kodu.

Geneza WP Rocket sięga 2013 roku, gdzie jego twórcy byli niezadowoleni z oferty dodatków do pamięci podręcznej na rynku i wyruszyli, aby naprawić problemy, które powodowały, że doświadczenie użytkownika było nieoptymalne.

Zwłaszcza, że przy tak dużej liczbie opcji, konfiguracja była wciąż czasochłonna nawet dla zaawansowanych i obeznanych z techniką użytkowników. Więc aby pokonać ten problem stworzyli WP Rocket, który obecnie ma ponad 2 400 000 stron zoptymalizowanych za pomocą wtyczek.

WP Rocket Review

WP Rocket to wtyczka optymalizacyjna premium, której możesz użyć do przyspieszenia swojej witryny WordPress, tak jak to zrobiliśmy.

Ponieważ Core Web vitals od niedawna jest czynnikiem rankingowym w Google SEO, ważne jest, abyś zadbał o tę metrykę.

Dobrymi rzeczami lub zaletami WP Rocket jest to, że można go łatwo połączyć z innymi wtyczkami optymalizacji wydajności, takimi jak Asset Clean up, aby znaleźć najlepszą kombinację do skonfigurowania witryny, aby zapewnić najlepsze wyniki.

Możesz łatwo skonfigurować wtyczkę po zainstalowaniu rakiety WP i wybrać optymalizację Javascript na niej, a CSS z Asset Clean up, co jeśli używasz Elementora, może być naprawdę pomocne w szybszym ładowaniu.

Asset Clean Up ma darmowe opcje, które mogą pomóc w optymalizacji WordPress, ale bez rakiety WP może być trudniej przyspieszyć witrynę.

WP Rocket plugin jest rzeczywiście dość łatwy w użyciu, a jeśli są jakieś techie rzeczy, można łatwo dowiedzieć się na ich dokumentacji, kroki, które należy wykonać, aby dowiedzieć się więcej o jego funkcjach optymalizacji i co należy zrobić, aby wyciągnąć maksimum z tej wtyczki premium.

WP Rocket pomaga również tworzyć oddzielną pamięć podręczną dla urządzeń mobilnych i pulpitu, jeśli masz inną subdomenę.

Kolejną świetną rzeczą w WP Rocket jest to, że może zintegrować się z Cloudflare, który jest jednym z najpopularniejszych darmowych CDN dostępnych.

To, co również naprawdę pomogło nam przejść testy Core Web Vitals, to również aktywacja Automatycznej Optymalizacji Platformy dla WordPressa i Automatycznej Podpisanej Wymiany (SXG) z Cloudflare.

Kosztuje 5 USD miesięcznie, ale warto, bo wcześniej bez niego, i używając wtyczki takiej jak Elementor, która może nie jest dobrze znana z szybkości strony, mieliśmy stresujące chwile, aby osiągnąć przejście przez Core Web Vitals.

Używamy również serwera LiteSpeed na Vultr, który był częścią naszej optymalizacji prędkości.

Testowaliśmy wprawdzie wtyczkę LiteSpeed Cache WordPress, ale mieliśmy lepsze wyniki na naszej stronie z rakietą WP.

Innym kluczowym darmowym pluginem do optymalizacji obrazów jest Statically, który jest również usługą CDN.

Warto zaznaczyć, że mix wtyczek był tym, co pomogło nam osiągnąć takie wyniki i oczywiście mogłoby być lepiej, ale z naszego doświadczenia z rakietą WP i pozostałymi wtyczkami wynika, że lepiej też skupić się na samej stronie, a nie obsesyjnie skracać czasy ładowania jak tylko się da.

Nie warto tracić niektórych skryptów, które wpływają na user experience, a mogą pomóc w szybkości działania.

Ceny WP Rocket

Będąc dodatkiem premium, WP Rocket ma koszt, aby zapłacić za narzędzia, które oferuje. Oferuje on trzy plany:

Plan Individual, to najtańsza licencja, której koszt to 49$ rocznie na ten moment, a więc można z niej korzystać na jednej stronie. Plan Plus to licencja pośrednia, której koszt to 99$ rocznie, która pozwala na wykorzystanie jej w trzech różnych miejscach.

I wreszcie plan nieskończony, którego koszt to 249 dolarów rocznie za korzystanie z nieograniczonej liczby stron.

To zależy od ciebie i twoich potrzeb, który plan chcesz zatrudnić, takich jak to, ile masz WordPress, czy musisz użyć WP Rocket dla nich i czy jesteś poważny w optymalizacji swojego WordPressa, wystarczająco, aby dokonać inwestycji w to.

W każdym z planów zawarty jest rok wsparcia i aktualizacji, stanowiąc dość spójną cenę, jeśli przeanalizujemy ilość oferowanych narzędzi.

Jedyną wadą jest brak wersji próbnej, więc jeśli jesteś zainteresowany, automatycznie będziesz musiał zapłacić, aby wypróbować produkt. To, co jednak zawiera, to 14-dniowa gwarancja zwrotu pieniędzy.

Wiemy, że większość konkurentów WP Rocket jest darmowa, ale użytkownicy zgadzają się, że jest to opłacalna inwestycja, gdzie również, jeśli przeanalizujemy cenę, z jego najtańszym planem zainwestujesz tylko trochę więcej niż 4 $ miesięcznie.

Ponadto WP Rocket jest używany do ofert promocyjnych kilka razy w roku, a jako bonus przypominamy, że dodatek oferuje odnowienie licencji w cenie od 50% do 30% taniej w porównaniu z pierwotną ceną, w ciągu 30 dni przed datą wygaśnięcia.

Szanse są, jeśli twoje strony nie zarabiają pieniędzy lub nie są źródłem dochodu w jakikolwiek sposób, nie będziesz zainteresowany WP Rocket. Z drugiej strony, jeśli Twój WordPress zaczął zdobywać odwiedzających, najlepszą opcją zawsze będzie inwestycja, a wśród płatnych wtyczek to właśnie ta ma najlepsze ceny i najwięcej narzędzi.

Pojedynczy
$ 49 Rocznie
  • Aktualizacje produktów dla 1 strony internetowej
Plus
$ 99 Rocznie
  • Aktualizacje produktów dla 3 strony internetowej
Plus
$ 249 Rocznie
  • Aktualizacje produktów dla nieograniczonych stron internetowych

WordPress Cache Plugin WP Rocket Features

WP Rocket zwany w terminologii WordPressa puglinem cache, przechowuje te dane na dyskach z funkcjonalnością optymalizacji plików CSS i JS. Działanie na dwóch rodzajach pamięci masowej:

Pierwszym z nich jest cache przeglądarki, gdzie dyrektywa pozwala przeglądarce przechowywać statyczne zasoby strony (pliki CSS, obrazki i JavaScript).

A druga opcja to buforowanie strony, gdzie wtyczka tworzy statyczną stronę HTML, aby uniknąć przetwarzania PHP. To (zazwyczaj) poprawi czas ładowania Twojej strony. Ale kiedy WP Rocket ma dodatek do buforowania, jest to znacznie więcej.

Dodatkowo wtyczka pozwala na implementację innych technik WPO, takich jak optymalizacja CSS i JS poprzez ich minifikację, wykonanie konkatenacji plików, uczynienie ładowania asynchronicznym, między innymi.

Jednocześnie wykonuje czyszczenie klas CSS nie używanych w ładowaniu strony jak i bazy danych, implementuje Lazy Load w obrazkach i iframe’ach, poprawia CLS dodając wymiary jako znak do obrazków, implementuje CDN który może być własny lub RocketCDN oraz zarządza impulsami Heartbeat API lub admin-ajax.php-.

Zawiera również kilka opcji poprawiających wydajność globalnych stron internetowych: odroczone ładowanie obrazów i JavaScript, minifikacja kodu HTML.

WP Rocket obsługuje pamięć podręczną strony w bardzo zoptymalizowany sposób, więc samo aktywowanie wtyczki już poprawia prędkość twojej strony, ponieważ pamięć podręczna jest automatycznie aktywowana po aktywacji wtyczki, a w interfejsie nie ma opcji wyłączenia tej funkcji.

To powiedziawszy, jeśli wejdziemy konkretnie w ustawienia WP Rocket, będziemy mieli kilka paneli z opcjami, które bezpośrednio wpływają na ustawienia pamięci podręcznej.

Logicznie rzecz biorąc, część zwana „cache” jest tym, co pomoże nam w tej konfiguracji, ale jeśli chcemy wyciągnąć z niej więcej, będziemy musieli jeszcze wejść głębiej, aby zmodyfikować niektóre rzeczy.

Na przykład wybierz, czy chcesz serwować pamięć podręczną na urządzeniach mobilnych lub używać oddzielnych wersji pamięci podręcznej dla urządzeń mobilnych i stacjonarnych. Dzieje się tak w przypadkach, gdy istnieje jakiś dynamiczny kod, który działa warunkowo, lub jeśli mamy określoną wersję mobilną.

Powinieneś również wybrać, czy buforowane strony są pokazywane uwierzytelnionym lub zalogowanym odwiedzającym. Jest to przydatne dla Ciebie, aby poprawić wydajność dynamicznych stron utworzonych za pomocą WordPressa, ale musisz zwrócić baczną uwagę i być ostrożnym z LOPD, poprawnie wykluczając niektóre adresy URL.

Będziesz mógł również określić czas życia pamięci podręcznej, znany również jako TTL. Jest to czas potrzebny na stworzenie nowej „wygasłej” wersji buforowanej.

Co odróżnia wtyczkę WP Rocket od innych wtyczek Cache?

Szybko zorientujesz się, że jedną z ogromnych zalet WP Rocket, która odróżnia go od innych narzędzi o tym samym charakterze, jest to, że twórcy tego dodatku za priorytet przyjęli prostotę.

Z tego powodu nie potrzebujesz wielkiej wiedzy w dziedzinie, aby go użyć, jest ultra prosty w użyciu, w rzeczywistości nie musisz nawet aktywować żadnej funkcji, aby wtyczka działała, po prostu zainstaluj ją, włącz ją i to wszystko, bez straty czasu.

Jak stwierdzono w jego dokumentacji, WP Rocket uwzględnia ponad 80% najlepszych praktyk wydajności internetowej, nawet jeśli nie są aktywowane żadne opcje. Jego opcje można traktować jako dodatek, ponieważ ich aktywacja nie jest obowiązkowa, aby poprawić czas ładowania witryny.

Tak więc domyślnie zawsze będzie aktywować takie funkcje jak buforowanie wszystkich stron w celu szybkiego wyświetlania, redukcja przepustowości dzięki kompresji GZIP, optymalizacja nagłówków (expires, etagi itp.).

Także optymalizacja plików strony pod kątem buforowania przez przeglądarkę i zmniejszenia liczby żądań oraz optymalizacja plików Google Fonts.

Niektóre ustawienia domyślne zostaną również włączone podczas pierwszego użycia dodatku, takie jak wyłączenie emojis i embedów, wstępne ładowanie pamięci podręcznej, mobilna pamięć podręczna i czas życia pamięci podręcznej (10 godzin).

Aby zwiększyć nieco wydajność i pójść dalej, trzeba będzie skorzystać z opcji „bonusowych”.

Przyspiesz swoją witrynę WordPress i zoptymalizuj wydajność sieci za pomocą ustawień WP Rocket

Wiemy, że w dzisiejszych czasach większość spraw załatwia się w sieci, począwszy od przedsiębiorstw, firm, przedsięwzięć czy stron informacyjnych.

Nikt nie lubi powolnych stron internetowych.

W rzeczywistości badanie wydajności wykazało, że jednosekundowe opóźnienie w czasie ładowania strony kosztuje 7% mniej konwersji, 11% mniej odsłon i 16% spadek zadowolenia klientów.

I nie chodzi tylko o użytkowników, wyszukiwarki takie jak Google również nie lubią powolnych stron internetowych, w rzeczywistości wyszukiwarka daje pierwszeństwo szybszym stronom w zakresie rankingów wyszukiwania.

Tam leży znaczenie wtyczek do poprawy wydajności strony internetowej, i to jest, gdzie WP Rocket wchodzi do gry.

Będąc najlepszą wtyczką do buforowania WordPress na rynku i pozwoli Ci szybko poprawić szybkość i wydajność Twojej witryny WordPress.

Ta wtyczka jest odpowiednia dla wszystkich typów użytkowników:

Przede wszystkim początkujący docenią jego prostotę i łatwość użycia, podczas gdy bardziej doświadczeni użytkownicy będą cieszyć się jego przyjazną dla deweloperów stroną, z wieloma hakami do zaawansowanych dostosowań.

Idąc dalej, podzielimy się naszymi ustawieniami interfejsu WP Rocket, które pomogły nam uzyskać następujące wyniki do tej pory.

Nasza strona z rakietą WP osiągnęła czasy ładowania na poziomie około 500ms, co biorąc pod uwagę, że korzystamy z takich wtyczek jak Elementor i WPML, jest to całkiem dobra liczba.

GTMetrix Barrazacarlos September 2022

Jak również można zauważyć, Core Web Vitals okazały się teraz mieć zielony URL, co oznacza, że większość z nich przechodzi teraz test prędkości.

Core Web Vitals

Teraz w ustawieniach rakiety WP włączyliśmy cache dla urządzeń mobilnych.

Możesz również mieć osobną pamięć podręczną dla odwiedzających mobilnych, ale jest to zalecane, jeśli masz konkretną witrynę dla urządzeń mobilnych.

WP Rocket settings Cache

W optymalizacji plików i plików CSS mamy wybraną tylko optymalizację dostarczania CSS za pomocą Load CSS asynchronicznie.

W naszej witrynie zauważyliśmy błędy po wybraniu opcji usunięcia nieużywanego CSS.

WP Rocket settings File optimization CSS

W sekcji Javascript wybraliśmy ładowanie odroczone i dodaliśmy tam lazyload, ponieważ w rzeczywistości nie działał on poprawnie.

A w Delay Javascript Execution musimy dodać kilka adresów URL Elementora, aby działały poprawnie, ponieważ mieliśmy problem z ładowaniem menu.

WP Rocket settings Javascript File optimization

Aktywuj WP rocket lazy loading, aby strony internetowe nie ładowały obrazów dopiero po tym, jak użytkownik zacznie przewijać w dół.

W przypadku logo, czy innego ważnego obrazu Twojej strony, możesz dodać adres url na polu tekstowym, aby nie dotyczył go.

Czasami leniwe ładowanie może również wpływać na LCP Core Web Vitals.

WP Rocket Media

W sekcji Preload w WP Rocket WordPress Dashboard, aktywowaliśmy ostatnią aktualizację na WP Rocket 3.10 Preload Caching, która nie była dostępna w takiej sekcji w WP Rocket 3.9.

Mamy również włączone preloadowanie linków, a w Preload DNS dodaliśmy URL statycznie, Google Analytics i Tag Manager, które mają za zadanie prosić o szybsze połączenie z takimi stronami.

Jeśli istnieje adres URL, do którego twoja witryna musi się połączyć z każdym postem lub stroną, to zaleca się dodanie go w tej sekcji.

WP Rocket settings Preload

Rakieta WP może pomóc w użyciu addonu Cloudflare, ale używamy Cloudflare WordPress Plugin, aby mieć bezpośrednie połączenie i aktywować APO.

Cloudflare WordPress Plugin Settings
Cloudflare WordPress Plugin Speed Settings

Jak również, bezpośrednio w Cloudflare, nie włączyliśmy minify Javascript, aby wyeliminować wszelkie problemy, które generuje.

Cloudflare Speed Optimization Settings

Jak również, bezpośrednio w Cloudflare, nie włączyliśmy minify Javascript, aby wyeliminować wszelkie problemy, które generuje.

Jest aktywowany Brotli, APO, Railgun i Automatycznie podpisane wymiany.

Będzie to wymagane, aby oczyścić Cache za każdym razem, gdy dokonasz pewnych zmian na swojej stronie.

WP Rocket automatycznie oczyszcza pamięć podręczną od strony serwera, ale również Cloudflare przechowuje na swoich serwerach, dlatego zaleca się również wyczyszczenie pamięci podręcznej za każdym razem, gdy chcesz zobaczyć zmiany od razu.

Cloudflare Speed Optimization Settings 2

W przypadku Asset Clean Up, CSS minify jest aktywowane, ale połączenie CSS nie jest spowodowane tym, że również wpłynęło na to, jak wyglądała strona.

Asset Cleanup CSS optimization

Wykonano również niektóre CSS inline, aby przyspieszyć działanie strony.

Asset Cleanup CSS optimization 2

Jak widać, aby skonfigurować rakietę WP jest w rzeczywistości dość łatwy, a jeśli jest połączony z innymi świetnymi wtyczkami, takimi jak Cloudflare, Statically i Asset Clean Up, możesz przejść Core Web Vitals.

Prawdopodobnie jak wielu, mieliśmy obsesję na punkcie uzyskania wszystkiego idealnego w PageSpeed Insights, ale bez zaobserwowania jakiejkolwiek poprawy w przechodzeniu testu CWV.

Teraz z APO Cloudflare, oraz Vultr w LiteSpeed na pewno się do tego przyczynił.

WP rocket działa całkiem dobrze, dlatego jest to jedna z najbardziej polecanych wtyczek do cachowania wordpressa, nawet nad darmowymi wtyczkami, które są dostępne, bo rzeczywiście warto za nią zapłacić.

Skonfiguruj rakietę WP i zobacz sam, jakie efekty możesz uzyskać.

Więcej o Blogu WordPress
Spis treści