Strona na Elementorze łapie zadyszkę? To prawie nigdy nie jest „wina Elementora", tylko konkretnych, powtarzalnych błędów: za dużo dodatków, surowe zdjęcia, nadmiar animacji, brak cache. Oto 10 najczęstszych grzechów wydajności i konkretne sposoby naprawy.
Elementor ma opinię „ciężkiego" - po części zasłużoną historycznie, ale dziś mocno przesadzoną. Od wersji 3.x twórcy konsekwentnie odchudzają kod (ładowanie warunkowe zasobów, optymalizacja DOM, wbudowane funkcje wydajności), a zdecydowana większość wolnych stron na Elementorze jest wolna z powodów, które za chwilę zobaczysz na liście - i które da się naprawić w jedno popołudnie, bez przebudowy strony.
Zanim zaczniesz: zmierz punkt wyjścia w PageSpeed Insights (pagespeed.web.dev), zapisz wynik i porównaj po zmianach.
Essential Addons, Element Pack, Premium Addons, Unlimited Elements… Każdy pakiet dodatków ładuje własne style i skrypty - często na każdej podstronie, nawet jeśli używasz z niego jednego widżetu. Naprawa: zostaw jeden pakiet dodatków, z którego realnie korzystasz; w jego ustawieniach wyłącz nieużywane widżety (większość pakietów ma taki przełącznik).
Fotografia 4000×3000 px i 5 MB wyświetlana w kolumnie o szerokości 600 px to najczęstszy pojedynczy zabójca szybkości. Naprawa: przeskaluj obrazy do realnych wymiarów, konwertuj do WebP i włącz lazy loading (wtyczki typu Converter for Media / Smush robią to hurtowo dla całej biblioteki mediów).
Wjazdy, odbicia i fade-iny na każdym nagłówku sprawiają, że przeglądarka wykonuje pracę zamiast pokazywać treść - a użytkownik czeka. Szczególnie kosztowne są animacje w sekcji hero, bo opóźniają LCP (najważniejszą metrykę Google). Naprawa: animuj maksymalnie 1-2 elementy poniżej pierwszego ekranu; hero zostaw statyczne.
Karuzele ładują wszystkie slajdy (każdy z dużym obrazem) plus bibliotekę JS - a badania od lat pokazują, że użytkownicy i tak klikają niemal wyłącznie pierwszy slajd. Naprawa: zamień slider na jeden mocny obraz z nagłówkiem i przyciskiem CTA. Szybciej i skuteczniej sprzedażowo.
Każda rodzina i każdy wariant (grubość) to osobne pliki do pobrania. Naprawa: maksymalnie 2 rodziny (nagłówki + tekst), 2-3 grubości. W ustawieniach Elementora (Ustawienia → Zaawansowane) przełącz ładowanie Google Fonts na lokalne - od 2022 r. to także wymóg praktyczny RODO (wyrok ws. Google Fonts w Niemczech).
Kilkumegabajtowy plik MP4 pobierany przed pokazaniem treści - na telefonie z LTE to katastrofa. Naprawa: jeśli wideo-tło jest częścią marki, ustaw statyczny obraz zastępczy dla urządzeń mobilnych (Elementor to umożliwia) i skompresuj plik do <2 MB (720p w zupełności wystarcza jako tło).
Bez cache każde wejście na stronę buduje ją od zera z PHP i bazy danych. Naprawa: wtyczka full page cache (LiteSpeed Cache na serwerach LiteSpeed, alternatywnie WP Super Cache/WP Rocket) - kompletny przewodnik: cache od A do Z.
Sekcja ukryta opcją „ukryj na desktopie/mobile" nadal się ładuje - jest tylko niewidoczna (CSS display:none). Strony po kilku redesignach potrafią wozić ze sobą dziesiątki takich sekcji-duchów. Naprawa: nieużywane sekcje zapisz jako szablony do biblioteki (na zapas) i usuń ze strony.
Elementor + WordPress na PHP 7.4 działa nawet o 20-30% wolniej niż na PHP 8.3/8.4 - za darmo oddajesz sekundę, którą inni płacą optymalizacjami. Naprawa: przełącz wersję PHP w panelu hostingu (w DirectAdmin: 2 kliknięcia - instrukcja) i sprawdź, czy strona działa poprawnie.
Elementor ma własne przełączniki optymalizacji, o których mało kto wie: Elementor → Ustawienia → Funkcje (Features). Włącz eksperymenty/funkcje typu Optimized Markup / Element Caching, ładowanie warunkowe ikon i Font Awesome (dokładne nazwy zależą od wersji). Po włączeniu przeklikaj stronę - to funkcje oznaczane jako stabilne, ale warto zweryfikować widżety firm trzecich.
Typowy efekt na stronie firmowej: wynik mobilny PageSpeed z 40-50 na 80-90+ bez zmiany wyglądu strony.
Przepisywanie działającej strony to dni lub tygodnie pracy; lista powyżej to popołudnie. Zacznij od naprawy błędów - jeśli po niej wyniki nadal nie zadowalają, dopiero wtedy rozważaj zmianę narzędzia.
Taki sam jak pod każdego WordPressa, tylko „na bogato": PHP 8.3/8.4, NVMe, cache serwerowy, HTTP/2/3. Na hostingu McProdukt wszystko to jest w standardzie - sprawdź pakiety.
PageSpeed Insights (wynik mobilny!) po każdej grupie zmian + własne odczucie na telefonie z wyczyszczonym cache. Pamiętaj, by testować jako niezalogowany użytkownik.
„Wolny Elementor" to w praktyce suma małych zaniedbań: ciężkie obrazy, nadmiar dodatków, brak cache i stare PHP. Usuń 10 powyższych błędów, a Twoja strona dogoni - i często przegoni - strony „pisane ręcznie". Fundament, czyli szybki serwer, zostaw nam: hosting McProdukt z LiteSpeed-owym cache i PHP 8.4 czeka gotowy.
Wszystkie poradniki z kategorii: WordPress