Szybkość ładowania strony internetowej WordPress – page builder czy Gutenberg ?

Czy interesuje Cię szybkość ładowania strony internetowej ? (opartej na WordPress)

lub

Czy chcesz samodzielnie edytować swoją stronę internetową ?

Jeśli nie, zamknij ten artykuł.

JEŚLI TAK, czyli chcesz samodzielnie aktualizować stronę, lub interesuje Cię jej szybkość, to powstaje ważne pytanie, które rzutuje na przyszłość strony:

czy robić to via dowolny page builder (np. Elementor) czy korzystać z domyślnego edytora WordPressa (Gutenberg lub Klasyczny – bo jest możliwość powrotu).

Czym jest page builder ?

To giga plugin (czyli duży), który jest nakładką na CMS WordPress. Page builder to np. Elementor, Visual Composer, Divi, SiteOrigin itp.

Co daje ?

Łatwość edycji strony np. przesuwanie elementów (jak puzzle, metodą przeciągnij i upuść), dodawanie im cienia, tworzenie efektów obrazkowych typu najazd myszki – powiększenie ORAZ zwiększa możliwości zmian układu witryny np. jedna podstrona 2 kolumnowa, inna podstrona jako 3 kolumnowa.

A co zabiera ?

Szybkość i wydajność strony. Nowoczesne przeglądarki typu Chrome czy Firefox to bardzo skomplikowane i ogromne programy (od przodu wyglądają łatwo), potrafiące wykonywać dziesiątki operacji na sekundę ALE nawet one dławią się ilością kodu jaki „podkłada” każdy page builder -> aby strona wyglądała tak jak chce właściciel / klient.

Czy da się poprawić prędkość i wydajność strony na page builderze ? Tak, są systemy cache’owania stron, można ręcznie optymalizować zdjęcia itp. Ale nawet po tych zmianach, strona będzie dwa razy wolniejsza niż przy domyślnym edytorze WordPress. Prawdopodobny punkt wyjścia to 3-4x wolniejsza.

Kogo to obchodzi ?

Jeśli pozycjonujesz stronę, lub masz Klientów z „komórki” ma to spore znaczenie*. Jeśli startujesz w przetargach, lub opierasz się na B2b –  małe.

(*wg badań część internautów, przy dłuższym czasie ładowania strony, po prostu ją porzuca)

Jak sprawdzić szybkość ładowania strony ? (test wydajności)

Warto wykorzystać dwa różne narzędzia i zrobić dwa testy: oficjalny googlowy https://pagespeed.web.dev/ oraz dowolny drugi np. https://gtmetrix.com/

Przy teście googlowym, nie chodzi o sięgnięcie ideału, czyli zielony kolor na wszystko. Pomarańczowy wystarczy, bo chodzi o tworzenie stron akceptowalnych dla użytkowników i robotów (warto dodać że google odwiedza, bada i testuje strony domyślnie w WERSJI KOMÓRKOWEJ).

Natomiast sitespeed typu 8 sekund i wszystkie wskaźniki na czerwono to … wydajnościowy horror.

Co poza kodem wpływa na szybkość strony ? Jakość serwera. Jeśli na Twoim serwerze (rozumianym jako pudełko), jest oprócz Ciebie 5000 innych stron, które używają przecież tego samego procesora, to NIE pomaga.

Czym jest Gutenberg ?

To domyślny WIZUALNY edytor WordPressa (screenshot poniżej), który stanowi próbę kompromisu między klasycznym, niegdyś domyślnym edytorem klasycznym a możliwościami dowolnego page buildera. Gutenberg umie dużo mniej niż np. Elementor, ale nie kiereszuje szybkości i wydajności strony.

gutenberg-wordpress jak akutalizować strone internetową ?
Screenshot z domyślnego edytora Gutenberg

 

tomasz kita z katowic Autor:
Tomasz Kita [bio]
Absolwent Wydziału Prawa Uniw. Śląskiego
20 lat praktyki w reklamie internetowej.
Nastawiony na mimalizm i skuteczność.
Właściciel Studio72

Studio72 / Katowice
Masz pytania, uwagi ? Napisz do mnie (mini-formularz tutaj).