Czy zastanawiałeś się kiedykolwiek, jak przyspieszyć swoją stronę internetową bez konieczności żmudnego przeglądania setek artykułów i poradników? Pisałem o narzędziach do optymalizacji wydajności wielokrotnie na swoich blogach i w innych miejscach, dlatego jeśli mnie obserwujesz lub korzystasz ze szkoleń na PoznajWP.pl znasz moje rekomendacje, którymi są: Nitropack, WP Rocket oraz prosta acz skuteczna wtyczka WP Fastest Cache. Od pewnego czasu do tego grona zaliczam także, stosunkowo mało znaną wtyczkę o nazwie: Seraphinite Accelerator.
W artykule krótko przedstawię tą innowacyjną wtyczkę, która pozwala szybko i stosunkowo łatwo zoptymalizować swoją witrynę internetową. Przekonaj się, jakie problemy rozwiązuje oraz jakie najważniejsze funkcje posiada. Napiszę też o jej wadach. Zacznijmy jednak od wyników.
Wyniki
Strona z kursami pod adresem https://poznajwp.pl to serwis, który udostępniłem niecały rok temu i na którym wykonam poniżej zaprezentowane testy.
Korzystam na tej stronie z motywu Blocksy i 53 wtyczek (w tym są także wliczone wersje Pro niektórych z nich). Jest tu kilka cięższych jak wtyczka do szkoleń online Master Study LMS PRO, WooCommerce, Funnell Kit, Forum wpForo i szereg innych.
Nadmienię, że wszystkie wtyczki są dla mnie istotne (nie ma zbędnych gadżetów) czy to z punktu widzenia funkcjonalności czy działań sprzedażowych i marketingowych. Nie da się jednak ukryć, że trochę ich jest i ma to spory wpływ na wydajność WordPressa.
Porównanie
Nie będę porównywał poziomu optymalizacji wszystkich wtyczek, ale pokażę Ci wyniki jakie strona osiąga bez optymalizacji i z optymalizacją jedną z topowych wtyczek WP Rocket oraz wtyczką Seraphinite Accelerator.
Zaprezentuję tylko wyniki dla urządzeń mobilnych ponieważ w większości przypadków urządzenia mobilne generują słabsze metryki niż desktopy. Zaczynamy.
Urządzenia mobilne bez optymalizacji
W tym wypadku nie ma żadnej wtyczki optymalizującej. Wynik dla urządzeń mobilnych:
Nie jest wcale taki tragiczny biorąc pod uwagę mnogość wtyczek i spory ciężar wielu z nich. Zobaczmy jednak jak poradzi sobie z poprawą optymalizacji wtyczka WP Rocket.
Urządzenia mobilne po optymalizacji WP Rocket
Aktywna jest wtyczka WP Rocket z manualną podstawową konfiguracją. Zobaczy na ile udało się podkręcić wynik:
Niesamowite prawda? WPRocket to jedna z najlepszych wtyczek do optymalizacji stron działających na WordPressie, co wyraźnie widać patrząc na powyższe metryki. Pytanie na ile dobrze poradzi sobie z tym zadaniem wtyczka Seraphinite Akcelerator.
Urządzenia mobilne po optymalizacji Seraphinite Accelerator
Konfiguracja jaką po instalacji Seraphinite Akcelerator wdrożyłem jest analogiczna do tej, którą zastosowałem w przypadku WP Rocket. Jaki efekt?
Wynik nieco mnie zaskoczył. Wszystkie testy wykonywałem po kilka razy tak aby pokazać najlepszy możliwy, ale w przypadku urządzeń mobilnych Seraphinite Accelarator na tej konkretnej stronie okazał się rozczarowaniem. Podkreślam jednak, że Accelarator ma dużo więcej opcji konfiguracyjnych, więc gdyby na tymi ustawieniami przysiąść z pewnością uda się metryki podciągnąć.
A co z wynikami na desktopy? Porównajmy porównajmy szybko wyniki
Desktopy bez optymalizacji
Przyzwoity wynik, prawda? Wiele stron nie osiąga takiego poziomu nawet po optymalizacji strony rozmaitymi wtyczkami. To także dowód na to, że umiejętnie zbudowana strona nawet z tak dużą ilością wtyczek może mieć dobre wyniki.
Desktop po optymalizacji wtyczką WP Rocket
Dane laboratoryjne jak widać są na bardzo przyzwoitym poziomie, ale dzięki dobrej jakości strony bez optymalizacji, wtyczka WP Rocket nie musiała się mocno gimnastykować żeby podkręcić metryki.
Desktop po optymalizacji wtyczką Seraphinite Akcelerator
Wynik dla desktopów praktycznie ten sam co w przypadku zastosowania wtyczki WP Rocket. Dlaczego wyniki są prawie identyczne? Wynika to z faktu, że obrazki na stronie głównej mam domyślnie wrzucone w formacie WebP dzięki czemu są dobrze zoptymalizowane i nie wymagają dodatkowych działań. Gdybym jednak wstawił na stronie klasyczne jpg-i wówczas wynik testu prawdopodobnie byłby bardziej zróżnicowany na korzyść Seraphinite Akceleratora. Dlaczego?
Seraphinite Accelerator ma wbudowane mechanizmy optymalizacji grafik co oznacza, że przy zastosowaniu jpg-ow i plików png Seraphinite zoptymalizowałby je i przekonwertował do formatu WebP. To z kolei przełożyłoby się na lepsze wyniki jakości i wydajności strony.
Wersja PRO
W powyższych testach użyłem Seraphinite Accelerator w wersji PRO. Po pierwsze dlatego, że WP Rocket nie ma bezpłatnej, okrojonej odmiany, więc test byłby wówczas nierówny, a po drugie optymalizacja wydajności, to jeden z tych obszarów na którym nie warto oszczędzać!
Najważniejsze funkcje Seraphinite Accelerator
Optymalizacja automatyczna
Seraphinite Accelerator automatycznie optymalizuje różne elementy Twojej strony, takie jak skrypty, arkusze stylów i obrazy. Wszystko odbywa się w tle, dzięki czemu nie musisz się martwić o ręczne konfigurowanie ustawień. Konfiguracja domyślna jest całkowicie wystarczająca dla większości witryn i nie wymaga zmiany ustawień. Może się jednak zdarzyć że po zainstalowaniu i włączeniu wtyczki wynik nie będzie satysfakcjonujący. Nie oznacza to że wtyczka jest słaba, a jedynie że trzeba sięgnąć do jej ustawień i je zmodyfikować.
Sprawne buforowanie
Wtyczka posiada inteligentny system buforowania, który pozwala na szybkie ładowanie strony, nawet gdy jest na niej dużo ruchu. Dzięki temu Twoi użytkownicy będą mogli szybko przeglądać Twoją stronę, co przekłada się na wyższe zadowolenie i lojalność.
Optymalizacja obrazów
Seraphinite Accelerator automatycznie optymalizuje obrazy na Twojej stronie, zmniejszając ich rozmiar bez utraty jakości. To prowadzi do szybszego ładowania strony i mniejszego zużycia transferu danych. Wykorzystuje dwa formaty .webp i .avif. WP Rocket optymalizuje obrazy gdy wykupimy dodatek na te potrzeby, a w Seraphinite Accelerator jest to w standardzie.
Łączenie i minifikacja plików
Wtyczka łączy i zmniejsza rozmiar plików JavaScript i CSS, co pozwala na szybsze ładowanie strony. Dzięki temu Twoja witryna będzie działać sprawniej, a Ty zaososzczędzisz cenne zasoby serwera.
Opóźnione ładowanie zasobów (Lazy Load)
Funkcja Lazy Load sprawia, że obrazy i filmy na Twojej stronie ładują się tylko wtedy, gdy są potrzebne. Dzięki temu użytkownicy nie muszą czekać na załadowanie całej strony, zanim zaczną korzystać z jej zawartości. To zwiększa wydajność i sprawia, że strona jest bardziej przyjazna dla użytkowników.
Integracja z CDN
Seraphinite Accelerator integruje się z usługami CDN (Content Delivery Network), co pozwala na szybsze dostarczanie zasobów z serwerów znajdujących się bliżej geograficznie od użytkowników. Dzięki temu strona wczytuje się jeszcze szybciej, a Ty zyskujesz więcej zadowolonych klientów. W testach użyłem BunnyNet, którą uważam za jedną z lepszych i jedną z ekonomiczniejszych.
Preload Fontów
Ta funkcja umożliwia wcześniejsze ładowanie czcionek na Twojej stronie, co zwiększa jej wydajność i sprawia, że tekst staje się czytelny wcześniej. Dzięki temu Twoi użytkownicy będą mogli szybciej przeglądać zawartość strony.
Kompatybilność z innymi wtyczkami i motywami
Seraphinite Accelerator jest kompatybilny z większością popularnych wtyczek i motywów WordPress. Oznacza to, że możesz cieszyć się korzyściami płynącymi z optymalizacji, nie martwiąc się o ewentualne problemy z kompatybilnością.
Wsparcie techniczne
W przypadku problemów związanych z wtyczką, możesz liczyć na szybkie wsparcie techniczne. Eksperci są gotowi pomóc Ci w rozwiązaniu wszelkich kwestii, aby Twoja strona działała jak należy. Przetestowałem i byłem mocno zaskoczony jak sprawnie otrzymałem odpowiedź.
Spora wada wtyczki Seraphinite Accelerator
Niestety taka jest. Wtyczka wykonuje gruntowną optymalizację włącznie z optymalizacją i konwertowaniem grafik. W momencie gdy po jej instalacji uruchomili sprawdzanie środowiska będzie krzyczeć, że potrzebuje aż 2 GB pamięci operacyjnej na pojedynczy proces. To sporo jeśli mowa o hostingu współdzielonym.
Dodatkowo wtyczka ma trzy tryby szybkości optymalizacji. Dwa pierwsze przeznaczone są do optymalizacji w wydajnym środowisku takim jak VPS-y czy serwery dedykowane, a trzecia opcja dostępna jest dla użytkowników hostingu współdzielonego. Problem polega na tym, że w trybie hostingu współdzielonego proces optymalizacji stron trochę trwa. W jednym z moich testów do optymalizacji 150 podstron serwisu wtyczka w tym trybie potrzebowała około 2 godzin.
Żeby tego było mało wtyczka wykorzystywała w tym procesie 3 rdzenie procesora w 100%. Poniższy wykres pokazuje skok obciążenia. Pionowa czerwona kreska to moment w którym wystartował proces optymalizacji. Po lewej stronie linii widać standardowe wykorzystanie 3 rdzeni CPU na poziomie średnio kilkunastu procent. Prawej stronie linii znaczący skok z wielokrotnymi próbami przebicia się przez próg możliwego wykorzystania procesowa. Wykorzystanie pamięci operacyjnej także wzrosło wielokrotnie.
Co to oznacza w praktyce? W mojej ocenie na hostingu współdzielonym można użyć tej wtyczki, ale pod warunkiem że dysponujemy określonymi zasobami obliczeniowymi (minimum 4 rdzeni i 5 GB pamięci). Patrząc na plany DidHost dla WordPressa w grę wchodzi plan Multi lub WP Elit. Na mniejszych planach wtyczka też zadziała, ale można spodziewać się podczas optymalizacji spowolnień działania strony.
Idealnym środowiskiem do pracy Seraphinite Acceleratora jest VPS lub serwer dedykowany, gdzie wtyczka rozwija w pełni swoje skrzydła, a optymalizacja 150 podstron trwa mniej niż 10 minut.
Dla niektórych wadą może być także spora ilość możliwości dostosowania różnych opcji konfiguracyjnych, wykluczeń itp… Na tym polu zdecydowanie prostszym rozwiązaniem jest WP Rocket. Z drugiej strony więcej opcji oznacza potencjalnie lepszą optymalizację choć wymaga to niekiedy większego nakładu pracy i doświadczenia. Ten nie najlepszy wynik dla urządzeń mobilnych jaki w naszym przykładzie wtyczka SA wygenerowała nie znaczy, że nie można nią dla tej strony wykręcić wyniku takiego jak WP Rocket a nawet lepszego.
Wdrażałem Seraphinite już na wielu stronach i na większości z nich wyniki optymalizacji były lepsze niż w przypadku innych rozwiązań takich jak WP Rocket, Nitropack i innych. Wtyczka ma ogromny potencjał.
Podsumowanie
Seraphinite Accelerator PRO to potężne narzędzie, które pomoże Ci przyspieszyć swoją stronę internetową. Z ogromną ilością opcji konfiguracyjnych, automatyczną optymalizacją i wsparciem technicznym. Wtyczka jest doskonałym wyborem dla każdego, kto chce poprawić wydajność swojej witryny i dysponuje odpowiednio mocnym kontem hostingowym lub środowiskiem VPS.
Tym, którzy nie widzą potrzeby inwestowania w środowisko serwerowe zdecydowanie odradzam korzystanie z wersji PRO z uwagi na duże zapotrzebowanie na zasoby obliczeniowe co może prowadzić do błędów podczas optymalizacji i spowolnienia działania strony gdy ten protest trwa, a trwać może długo jeśli Twoja strona ma więcej niż 100 podstron.
W przypadku hostingu współdzielonego rekomenduję raczej wtyczkę WP Rocket lub Nitropack.
