Istnieje cała masa poradników, wtyczek i mitów dotyczących przyspieszania stron. Aby strona internetowa była szybka, twórca musi spełnić kilkanaście warunków.
Jednak przede wszystkim należy najpierw ją dobrze wykonać, a dopiero potem optymalizować. Nigdy odwrotnie.
Narzędzia do optymalizacji szybkości strony
Zwyczajowa kolejność zdarzeń jest taka:
- Projektant przygotowuje stronę, która ma spełniać oczekiwania funkcjonalne i wizualne. Zatem tworzy layout, dodaje odpowiednie elementy grafiki, animacji, specjalnych funkcji.
- Kiedy strona jest gotowa następuje jej ewentualna weryfikacja czyli sprawdzanie jak szybko się wczytuje.
- Jeśli wyniki są niezadawalające przystępuje się do „optymalizacji”.
- Podstawowym wyborem jest używanie wtyczek, które mają przyśpieszyć witrynę. Realizują to poprzez:
- Kompresję html / css / js,
- Asynchroniczne (opóźnienie) wczytywanie zasobów,
- Optymalizację bazy danych – czyli czyszczenie ze śmieci powstałych podczas projektowania i eksperymentowania,
- Włączanie cache, pamięci podręcznej.
- Działania te mogą przynieść zamierzony efekt, ale co czasami się zdarza mogą wręcz zniszczyć stronę w szczególności gdy się minifikuje kod css / js. Samo używanie cache ma sens jeśli hosting wspiera Redis albo Memcached.
- Czasami stosuje się CDN (Content Delivery Network) dodając do przez CloudFlare albo AWS.
Wszystkie te działania zostawiają ślady w bazie danych – jeśli ma się szczęście to nie przynoszą one większych szkód. Bywa jednak tak, że próby z kolejnymi „cudownymi” wtyczkami pogłębiają chaos.

WNIOSEK: do optymalizacji nie ma żadnych cudownych narzędzi i wtyczek. Strona sama w sobie musi być zoptymalizowana. I właśnie wtedy szybka strona internetowa może być uzupełniona o cache.
Szybka strona internetowa – co zrobić by taka była?
Konieczne jest przygotowanie odpowiednich kompnentów.
- Należy użyć dobrego motywu – szablonu jak to potocznie się mówi. Co to znaczy „dobry” motyw? To taki, który ma dobrą strukturę kodu. Jak to sprawdzić? Po pierwsze wyznacznikiem jest ilość pobrań motywu, po drugie jego aktualność, po trzecie opinie użytkowników. I nagle okaże się, że tych topowych jest raptem kilka. Blocksy, Kadence, Astra, GeneratePress. I na tym właściwie powinna się lista zakończyć. Są to stosunkowo lekkie motywy i posiadają rozsądne opcje customizacji, czyli dopasowania wyglądu do potrzeb,
- Jeśli używa się page buildera, a najczęściej tak jest, wtedy dobrze jest użyć czegoś co jest w miarę lekkie. Oczywiście można zrobić szybką stronę i w Elementorze czy Bricks, ale pamiętajmy to są zawsze wtyczki. A ich skuteczność jest zależna od tego co się dzieje z samym WordPressem, który czasami radykalnie się zmienia.
- Znacznie lepiej jest używać natywnego page buildera jakim jest Gutenberg. Jest on mniej efektowny i mniej wygodny niż np. Elementor. Coś za coś. Strona zbudowana przy pomocy Gutenberga będzie lekka, a przy odrobinie wysiłku może wyglądać równie efektywnie jak to zaprojektowana w Elementorze lub czymś podobnym.
Istnieją dobre i miarę lekkie dodatki do Gutenberga, które rozszerzają jego użyteczność. Jednym z nich jest np. GreenShift, który bardzo skutecznie i bezpiecznie rozbuduwuje funkcje Gutenberga
4. To tyle jeśli chodzi o klasyczne rozwiązania.
Można pójść krok dalej w przyśpieszaniu strony czyli FSE i Headless CMS. Szybka strona internetowa bez optymalizacji.
Inne rodzaj motywów FSE
Sami twórcy WordPress kilka wersji wcześniej rozpoczęli pracę nad nowym systemem motywu. I tak powstały motywy zaliczane do grupy FSE (Full Site Editing). Koncpecja zmieniła kompletnie sposób zarządzania i konfigurowania strony. Przez system szablonów i bloków uzyskuje się dostęp do każdego typu strony albo jej części (np, nagłówek, CTA, etc.).
Same szablony są znacznie czystsze niż te wspomniane wcześniej. Ponieważ mają mniej kodu, działają więc szybciej. Mają bardziej efektywny system styli CSS.
Wszystko to sprawia, że strona jest szybka i w zasadzie nie wymaga optymalizacji. Oczywiście przy założeniu, że będzie się pamiętać o tym by wczytywane zasoby były odpowiednio przygotowane. Można oszacować, że poprawnie wykonana strona powinna się ładować w 600 milisekudn, gdy witryna jest wykonana w FSE ładuje się ona w 50 – 150 ms, bez jakiejkolwiek otymalizacji.
Jednak żeby używać FSE trzeba już trochę wiedzieć i tworzenie witryny nie jest tak intuicyjne i proste jak w Elementorze.
Inna filozofia – Headless CMS
Headless CMS to system zarządzania treścią, który oddziela warstwę zarządzania treścią (zaplecze) od warstwy prezentacji (to co widzi odbiorca).
Warstwa wizualna komunikuje się przez API z CMS. Działa to znakomicie gdy zaplecze to duży ogranizm zawierajacy wiele mechanizmów. Przez API są wysłane tylko te dane, które są niezbędne do prezentacji.
Potrafimy projektować szybkie strony internetowe
Lub przyśpieszać te, które są zbyt wolne.
Garancja jakości
Szybkie
Bezpieczne
Dodaj komentarz