Jak zbyt wiele wtyczek zabija wydajność strony
Wtyczki a wydajność strony: jak nadmiar dodatków WordPress spowalnia ładowanie, obniża wyniki Core Web Vitals i psuje pozycje w Google. Praktyczny poradnik.
Jak wtyczki a wydajność strony są ze sobą powiązane (krótka odpowiedź)
Każda zainstalowana wtyczka WordPress to dodatkowy kod, który przeglądarka musi pobrać i wykonać przed wyświetleniem strony. Jedna dobrze dobrana wtyczka nie jest problemem. Dwadzieścia wtyczek, z których część jest zbędna, nieaktualizowana lub wzajemnie się nakłada, potrafi podwoić czas ładowania i zniszczyć wyniki Core Web Vitals. Skutki są wymierne: wyższy wskaźnik odrzuceń, mniej telefonów od klientów i niższe pozycje w Google.
Ten artykuł jest dla właściciela strony na WordPress, który zauważył, że strona działa wolniej niż powinna, albo chce zbudować nową stronę bez typowych błędów. Pokażemy, jak konkretnie wtyczki obciążają stronę, które kategorie wtyczek najczęściej powodują problemy i jak sprawdzić, czy Twoja strona ma ten problem.
Jak wtyczka obciąża stronę, czyli co dzieje się pod maską
Kiedy użytkownik wchodzi na stronę na WordPress, serwer musi wykonać kilka rzeczy zanim przeglądarka wyświetli cokolwiek na ekranie. Każda aktywna wtyczka może dołożyć do tego procesu własne pliki CSS, pliki JavaScript i zapytania do bazy danych. Przeglądarka pobiera te pliki po kolei lub równolegle, w zależności od sposobu ich dołączenia. Im więcej plików do pobrania, tym dłużej trwa ładowanie.
Problem nie leży wyłącznie w liczbie wtyczek. Liczy się to, jak napisana jest każda z nich i co ładuje na każdej podstronie. Dobrze napisana wtyczka ładuje swoje zasoby tylko tam, gdzie są potrzebne. Źle napisana ładuje je globalnie na każdej stronie, niezależnie od tego, czy ta strona w ogóle korzysta z jej funkcji.
Typowe mechanizmy, przez które wtyczki spowalniają stronę:
- Globalne pliki CSS i JS. Wtyczka do formularza kontaktowego ładuje swój skrypt na stronie głównej, podstronie o firmie i blogu, choć formularz jest tylko na jednej stronie.
- Zbyt wiele zapytań do bazy danych. Część wtyczek wykonuje kilkanaście lub kilkadziesiąt zapytań SQL przy każdym wczytaniu strony, co wydłuża czas odpowiedzi serwera.
- Blokowanie renderowania. Skrypty ładowane synchronicznie w sekcji
<head>blokują przeglądarkę przed wyświetleniem czegokolwiek, dopóki skrypt nie zostanie w pełni pobrany i wykonany. - Zewnętrzne zasoby. Wtyczki do widgetów social media pobierają pliki z zewnętrznych serwerów, a przeglądarka musi czekać na odpowiedź z każdego z nich.
Co Google mierzy przy ocenie szybkości
Core Web Vitals to trzy wskaźniki: LCP mierzy czas do wyświetlenia głównej treści (dobry wynik to poniżej 2,5 sekundy), INP mierzy responsywność na kliknięcia (dobry wynik to poniżej 200 ms), CLS mierzy stabilność układu strony. Są potwierdzonym czynnikiem rankingowym Google od 2021 roku (Google Search Central).
Ile wtyczek ma przeciętna strona WordPress i gdzie jest granica
Nie istnieje jedna liczba, po której strona przestaje działać poprawnie. Dziesięć dobrze dobranych i lekkich wtyczek może dawać lepsze wyniki niż pięć ciężkich i źle napisanych. Mimo to istnieje wyraźna prawidłowość: im więcej wtyczek na stronie, tym większe prawdopodobieństwo problemów z wydajnością, bezpieczeństwem i konfliktami.
Realna skala obciążenia zależy od kilku czynników razem: jakości kodu każdej wtyczki, sposobu ładowania zasobów, hostingu i konfiguracji cache. Typowe strony firmowe z dobrze skonfigurowanym WordPress i umiarkowaną liczbą wtyczek osiągają wyniki PageSpeed powyżej 70-80 punktów. Strony z 25-30 wtyczkami bez optymalizacji często mają wyniki poniżej 50.
Dla większości stron firmowych od pięciu do dwunastu dobrze dobranych wtyczek to rozsądny zakres. Powyżej dwudziestu każda kolejna powinna mieć uzasadnienie. Strony, które zbudowano przez lata bez audytu, często mają trzydzieści lub więcej aktywnych wtyczek, z których część nie jest już używana albo ma duplikat w innej wtyczce.
Kategorie wtyczek, które najczęściej szkodzą wydajności
Nie każda wtyczka szkodzi tak samo. Pewne kategorie mają systematycznie większy wpływ na wydajność niż inne. Warto je znać, zanim zainstalujesz cokolwiek na swojej stronie.
Page buildery z rozbudowanym kodem
Elementor, Divi i WPBakery to popularne narzędzia do budowania stron bez programowania. Problem polega na tym, że ładują duże pliki CSS i JavaScript na każdej podstronie, nawet jeśli blok page buildera jest tylko na jednej. Raport Lighthouse po zainstalowaniu Elementora na czystym motywie często wskazuje kilkaset kilobajtów nadmiarowego kodu jako blokującego renderowanie.
Alternatywą jest edytor blokowy Gutenberg z lekkim motywem takim jak Kadence lub GeneratePress. Efekt wizualny może być niemal identyczny, ale wyniki szybkości są znacznie lepsze.
Wtyczki do sliderów i galerii
Slider Revolution, WOW Slider i podobne narzędzia ładują duże biblioteki JavaScript i CSS odpowiedzialne za animacje i przejścia. Są potrzebne na jednej lub dwóch podstronach, ale ładują się na każdej. Google PageSpeed Insights i raporty Lighthouse regularnie wskazują te wtyczki jako zasób blokujący renderowanie.
W wielu przypadkach slider można zastąpić jednym statycznym zdjęciem z mocnym nagłówkiem. Wynik konwersji jest często porównywalny lub lepszy, a strona ładuje się szybciej.
Widgety mediów społecznościowych
Wtyczki, które automatycznie wczytują feed z Facebooka lub Instagrama, pobierają zasoby z zewnętrznych serwerów przy każdym odświeżeniu strony. Przeglądarka wykonuje dodatkowe żądania DNS i czeka na odpowiedź z serwerów Meta. Efekt jest podwójnie szkodliwy: spowalnia stronę i często jest blokowany przez blokery reklam, więc użytkownik i tak nie widzi widgetu.
Prosty link do profilu, bez automatycznie ładowanego widgetu, rozwiązuje problem.
Zduplikowane funkcje w różnych wtyczkach
Dwie wtyczki SEO, dwa narzędzia do cache, dwa do formularzy to częsty efekt kolejnych zmian na stronie bez porządkowania. Poprzednią wtyczkę zostawia się zdezaktywowaną, a nowa działa obok. Zdezaktywowane wtyczki nie wykonują swojej funkcji, ale nadal mogą ładować pliki lub zawierać luki bezpieczeństwa. Aktywne duplikaty wchodzą w konflikty i generują podwójny kod.
Wtyczki nieaktualizowane od roku lub dłużej
Wtyczka bez aktualizacji to rosnące ryzyko bezpieczeństwa i potencjalna niekompatybilność z nową wersją PHP lub WordPress. Ale ma też znaczenie wydajnościowe: starsze wtyczki były często pisane bez dbałości o minimalizację kodu i selektywne ładowanie zasobów, bo standardy z kilku lat temu były inne.
Sygnały, że wtyczki szkodzą Twojej stronie
Wynik Google PageSpeed Insights spadł bez wyraźnej przyczyny. Strona wyraźnie spowolniła po ostatniej aktualizacji lub instalacji nowej wtyczki. W raporcie Lighthouse pojawiają się duże pliki JS lub CSS blokujące renderowanie. Lista aktywnych wtyczek przekracza 20 pozycji i część z nich nie była aktualizowana od ponad roku.
Jak wtyczki a wydajność wpływają bezpośrednio na pozycje w Google
Związek między wtyczkami a wydajnością a pozycjami w wyszukiwarce jest bezpośredni. Core Web Vitals są potwierdzonym czynnikiem rankingowym Google od czerwca 2021 roku (Google Search Central). Strona z kiepskim wynikiem LCP, słabym INP lub wysokim CLS jest oceniana gorzej niż konkurencyjna strona o podobnej treści i podobnym profilu linków, ale z lepszymi wynikami technicznymi.
Skala wpływu szybkości na zachowanie użytkowników jest dobrze udokumentowana. Strony na pierwszej pozycji organicznej zgarniają średnio ponad 27 procent wszystkich kliknięć na daną frazę. Na dziesiątej pozycji to mniej niż 3 procent (Backlinko, Google CTR Stats). Różnica między pozycją pierwszą a dziesiątą to często właśnie czynniki techniczne, takie jak szybkość ładowania.
Poza bezpośrednim wpływem na ranking, wolna strona podnosi wskaźnik odrzuceń. Użytkownik, który czeka ponad trzy sekundy na załadowanie strony mobilnej, często rezygnuje przed wyświetleniem jakiejkolwiek treści. Ten sygnał behawioralny wzmacnia negatywny efekt słabych wyników technicznych. Więcej o tym, jak budować widoczność w wyszukiwarce i ile czasu zajmuje osiągnięcie efektów, opisujemy w artykule ile czasu trwa pozycjonowanie strony.
Jak sprawdzić, które wtyczki spowalniają Twoją stronę
Diagnoza nie wymaga programisty. Podstawowe narzędzia są dostępne bezpłatnie i dają wystarczający obraz sytuacji dla właściciela strony.
- 01Uruchom Google PageSpeed InsightsWejdź na pagespeed.web.dev i wklej adres swojej strony głównej. Sprawdź wyniki dla wersji mobilnej. Sekcja 'Usuń zasoby blokujące renderowanie' i 'Ogranicz nieużywany kod JavaScript' pokazują konkretne pliki, które spowalniają stronę. Część z nich to pliki wtyczek.
- 02Sprawdź Google Search ConsoleRaport Core Web Vitals w Google Search Console pokazuje dane terenowe z ostatnich 28 dni. To rzeczywiste doświadczenie Twoich odwiedzających, a nie symulacja laboratoryjna. Tutaj zobaczysz, które adresy URL mają słabe wyniki LCP, INP lub CLS.
- 03Zainstaluj Query MonitorWtyczka Query Monitor (bezpłatna, z oficjalnego repozytorium WordPress) pokazuje czas zapytań do bazy danych, liczbę zapytań na każdej stronie i czas działania każdej wtyczki. To najłatwiejszy sposób na znalezienie wtyczki, która generuje nadmiarowe zapytania SQL.
- 04Wyłączaj wtyczki jedna po drugiejJeśli podejrzewasz konkretną wtyczkę, dezaktywuj ją i zmierz szybkość w PageSpeed Insights przed i po. To metoda prób i błędów, ale działa i nie wymaga żadnego oprogramowania poza panelem WordPress.
- 05Sprawdź listę wtyczek pod kątem duplikatówPrzejrzyj listę aktywnych wtyczek i upewnij się, że żadna funkcja nie jest zduplikowana. Jedna wtyczka SEO, jeden cache, jeden formularz. Usuń nieaktywne wtyczki całkowicie, a nie tylko dezaktywuj.
Jak ograniczyć liczbę wtyczek bez utraty funkcji
Ograniczenie liczby wtyczek nie zawsze oznacza rezygnację z funkcji. Często wystarczy inaczej podejść do zarządzania stroną lub wybrać lepsze narzędzia.
Warto pamiętać, że wybór wtyczek zaczyna się na etapie budowy strony. Dobrze zaprojektowana strona z lekkim motywem i przemyślanym zestawem wtyczek jest o wiele łatwiejsza w utrzymaniu niż strona złożona z wielu nakładających się narzędzi. Jeśli planujesz nową stronę lub przebudowę, ten wybór ma duże znaczenie długoterminowe. Kwestię kosztów takiej pracy omawiamy szczegółowo w artykule ile kosztuje strona internetowa.
Wtyczki a wydajność na stronach lokalnych firm
Dla firmy lokalnej, która zależy od klientów z Google, szybkość strony ma bezpośrednie przełożenie na liczbę telefonów i zapytań. Użytkownik szukający usługi na telefonie w danym mieście często otwiera kilka wyników naraz i zostaje na tej stronie, która załaduje się najszybciej i najczytelniej. Strona wolna traci go na rzecz konkurencji, zanim zdąży pokazać cokolwiek wartościowego.
Dobre wyniki Core Web Vitals pomagają też w widoczności w lokalnych wynikach wyszukiwania. Pozycjonowanie lokalne opiera się na kilku sygnałach razem: technicznej jakości strony, treści, profilu linków i wizytówce Google. Każdy z tych elementów wspiera pozostałe. Informacje o tym, jak budować lokalną widoczność, znajdziesz w artykułach czym jest local SEO i jak wypozycjonować firmę lokalnie.
Strony lokalnych firm często nie mają opiekuna technicznego, który regularnie sprawdza listę wtyczek i mierzy wyniki. Wtyczki narastają przez miesiące lub lata, każda instalowana z jakiegoś powodu, ale rzadko usuwana. Audyt raz na pół roku to minimum, żeby utrzymać kontrolę.
- 5-12 dobrze dobranych wtyczek
- Każda wtyczka aktywnie używana
- Wyniki PageSpeed powyżej 70 punktów
- Szybkie ładowanie na telefonie
- Regularne aktualizacje i audyty
- 20-30 lub więcej aktywnych wtyczek
- Część zdezaktywowana, część zapomniana
- Wyniki PageSpeed poniżej 50 punktów
- Wolne ładowanie na telefonie
- Brak aktualizacji, rosnące luki
Firmy działające w dużych miastach mogą sprawdzić, jak wygląda pozycjonowanie lokalnie w ich rejonie: Warszawa, Kraków, Wrocław, Poznań lub Gdańsk. Szybka strona to jeden z elementów, który odróżnia firmy widoczne w Google od tych, które giną za pierwszą stroną wyników.
Co warto zrobić zaraz po przeczytaniu tego artykułu
Jeśli nie robiłeś audytu wtyczek na swojej stronie od kilku miesięcy lub w ogóle, poniżej lista konkretnych kroków z realnym priorytetem.
- 01Sprawdź wynik PageSpeed InsightsWejdź na pagespeed.web.dev i sprawdź wynik dla swojej strony głównej na urządzeniu mobilnym. Wynik poniżej 50 to sygnał do natychmiastowego działania. Wynik między 50 a 70 to przestrzeń do poprawy. Powyżej 70 to dobry punkt wyjścia.
- 02Policz aktywne wtyczkiOtwórz panel WordPress i wejdź w sekcję Wtyczki. Policz aktywne wtyczki. Jeśli jest ich więcej niż 20, przejrzyj listę i zastanów się, które faktycznie działają i są potrzebne.
- 03Usuń nieaktywne i zduplikowaneKażda nieaktywna wtyczka powinna być usunięta, nie tylko dezaktywowana. Sprawdź też, czy nie masz dwóch wtyczek robiących to samo, na przykład dwóch narzędzi do cache lub SEO.
- 04Sprawdź daty aktualizacjiNa liście wtyczek widoczna jest data ostatniej aktualizacji. Wtyczka bez aktualizacji przez rok lub dłużej to sygnał do szukania alternatywy. Wtyczka nieaktualizowana przez dwa lata lub dłużej to aktywne ryzyko bezpieczeństwa.
- 05Zmierz wyniki po zmianachPo usunięciu zbędnych wtyczek uruchom PageSpeed Insights ponownie. W wielu przypadkach poprawa jest widoczna od razu. Wyniki terenowe w Google Search Console zaktualizują się po 2-4 tygodniach.
Jeśli wyniki są nadal słabe po porządku z wtyczkami, problem może leżeć głębiej: w hostingu, ciężkim motywie lub nieoptymalizowanych obrazkach. Pełny obraz tego, jak przyspieszyć stronę na WordPress, znajdziesz w artykule jak przyspieszyć wolną stronę na WordPress. Kwestię relacji między wydajnością a widocznością w Google omawiamy też w artykule core web vitals i dlaczego wpływają na pozycje.
Jeśli chcesz, żebyśmy sprawdzili, jak Twoja strona wypada technicznie i co blokuje jej wyniki w Google, sprawdź usługę pozycjonowanie stron.
Najczęstsze pytania
Czy liczba wtyczek WordPress bezpośrednio wpływa na szybkość strony?
Tak, ale nie sam licznik. Decyduje to, ile kodu każda wtyczka ładuje na każdej podstronie i jak dobrze jest napisana. Dziesięć dobrze dobranych i lekkich wtyczek może dawać lepsze wyniki niż pięć źle napisanych. Mimo to im więcej wtyczek, tym większe prawdopodobieństwo problemów. Rozsądna granica dla typowej strony firmowej to 5 do 12 aktywnych wtyczek.
Jak sprawdzić, która wtyczka spowalnia moją stronę WordPress?
Najłatwiejsza metoda to dezaktywowanie wtyczek jedna po drugiej i mierzenie szybkości strony po każdej zmianie za pomocą Google PageSpeed Insights. Dokładniejszy obraz daje bezpłatna wtyczka Query Monitor, która pokazuje czas zapytań do bazy danych i obciążenie generowane przez każdą wtyczkę.
Czy dezaktywacja wtyczki wystarczy, czy trzeba ją usunąć?
Dezaktywacja to krok tymczasowy, na przykład przy diagnozowaniu problemu. Jeśli nie planujesz używać wtyczki, usuń ją całkowicie. Dezaktywowana wtyczka nadal zajmuje miejsce na serwerze i może zawierać pliki z lukami bezpieczeństwa. Usunięcie eliminuje ryzyko i porządkuje instalację.
Czy wtyczka do cache wystarczy, żeby poprawić wyniki Core Web Vitals?
Cache to jeden z elementów optymalizacji, nie pełne rozwiązanie. Dobra wtyczka do cache skraca czas odpowiedzi serwera i poprawia LCP, ale jeśli inne wtyczki ładują duże pliki JavaScript blokujące renderowanie, wyniki wciąż będą słabe. Optymalizacja wymaga działania na kilku poziomach razem: hosting, cache, obrazki, liczba i jakość wtyczek.