Jak przyspieszyć stronę
Jak przyspieszyć stronę w praktyce: plan w dziesięciu krokach, od zdjęć i skryptów po hosting. Kolejność działań, które dają najwięcej, i różnice między Tildą, Webflow a WordPressem.
Jak przyspieszyć stronę? W większości przypadków wystarczą cztery rzeczy: zmniejszyć i skompresować zdjęcia, usunąć zbędne skrypty i wtyczki, ograniczyć czcionki i ciężkie wideo na pierwszym ekranie, a na WordPressie dodatkowo włączyć cache i sprawdzić hosting. Te kroki zwykle skracają czas ładowania na telefonie o kilka sekund i poprawiają wynik w PageSpeed Insights bez przebudowy strony.
Poniżej opisuję plan krok po kroku, w kolejności od działań najprostszych i najbardziej opłacalnych. Zakładam, że już wiesz, że strona jest wolna. Jeśli chcesz najpierw zrozumieć, skąd bierze się problem i jak go zmierzyć, zacznij od tekstu dlaczego strona wolno się ładuje. Tutaj skupiam się na tym, jak przyspieszyć stronę w praktyce na Tildzie, Webflow i WordPressie.
Zanim zaczniesz: punkt odniesienia
Zrób pomiar przed zmianami, żeby wiedzieć, czy pomogły.
- Otwórz PageSpeed Insights i wpisz adres strony głównej oraz dwóch najważniejszych podstron.
- Zapisz wyniki dla telefonu: LCP (czas pokazania największego elementu), INP (szybkość reakcji na kliknięcie) i CLS (przeskakiwanie układu).
- Zrób zrzut ekranu listy zaleceń.
Google uznaje za dobre wartości LCP do 2,5 sekundy, INP do 200 milisekund i CLS do 0,1. Wynik punktowy od 0 do 100 jest mniej ważny niż te trzy wskaźniki i niż to, jak strona działa na prawdziwym telefonie.
Krok 1–3: zdjęcia, czyli najszybszy zysk
Na stronach małych firm zdjęcia to zwykle największa część wagi strony.
Krok 1. Zmniejsz wymiary
Zdjęcie z aparatu ma często 6000 pikseli szerokości, a na telefonie wyświetla się na 400. Przed wgraniem zmniejsz zdjęcia do rozsądnych wymiarów: zwykle 1600–2000 pikseli dla zdjęć na całą szerokość i mniej dla miniatur.
Krok 2. Kompresuj i zmień format
Zapisuj zdjęcia w WebP albo dobrze skompresowanym JPG. Zdjęcie, które ważyło 4 MB, po kompresji często waży 200–300 KB bez widocznej różnicy. Tilda i Webflow w dużej części robią to automatycznie, ale nie zawsze, więc warto sprawdzić wagę plików.
Krok 3. Leniwe ładowanie poniżej pierwszego ekranu
Zdjęcia niżej na stronie powinny ładować się dopiero wtedy, gdy użytkownik do nich przewija. Na Tildzie i Webflow jest to zwykle domyślne. Na WordPressie sprawdź ustawienia motywu. Zdjęcia z pierwszego ekranu ładuj normalnie, bo od nich zależy LCP.
Krok 4–6: skrypty, wtyczki i czcionki
Krok 4. Zrób przegląd skryptów
Piksele reklamowe, czat, mapa, widget opinii, kalendarz rezerwacji, kilka narzędzi analitycznych. Każdy skrypt dokłada czas. Wypisz wszystkie i zadaj przy każdym pytanie: czy ktoś z tego korzysta? Stare piksele po zakończonych kampaniach i narzędzia testowane rok temu usuń. Pozostałe warto zebrać w Google Tag Manager, żeby mieć je w jednym miejscu i ładować tylko tam, gdzie są potrzebne. Jak to ustawić, opisuję przy usłudze GA4 i Google Tag Manager.
Krok 5. Na WordPressie: wtyczki i cache
Każda wtyczka to kod ładowany na stronie. Wyłącz te, których nie używasz, i sprawdź, czy dwie nie robią tego samego. Włącz wtyczkę cache, która zapisuje gotowe wersje stron. To często największa pojedyncza poprawa na WordPressie.
Krok 6. Ogranicz czcionki
Trzy kroje w czterech grubościach to kilkanaście plików. Zwykle wystarczy jeden krój w dwóch lub trzech grubościach. Ustaw wyświetlanie tekstu od razu, zanim czcionka się wczyta, żeby strona nie była pusta przez pierwsze sekundy.
Krok 7–8: wideo, animacje i pierwszy ekran
Krok 7. Wideo w tle tylko z umiarem
Wideo na pierwszym ekranie potrafi ważyć kilkanaście megabajtów. Jeśli musi zostać, skróć je do kilku sekund, skompresuj i pokaż obraz zastępczy do czasu załadowania. Na telefonie często lepiej działa zwykłe zdjęcie. Filmy z YouTube osadzaj tak, żeby odtwarzacz ładował się dopiero po kliknięciu.
Krok 8. Uprość pierwszy ekran
Slider z pięcioma dużymi zdjęciami, animowane napisy, wyskakujące okno po sekundzie. Każdy z tych elementów opóźnia moment, w którym klient widzi ofertę. Jeden nagłówek, jedno zdjęcie i jeden przycisk ładują się szybko i lepiej sprzedają. O tym, jak pierwszy ekran wpływa na zapytania, piszę w tekście jak zwiększyć konwersję na stronie.
Krok 9–10: hosting i platforma
Krok 9. Sprawdź serwer
Na WordPressie tani hosting współdzielony bywa wąskim gardłem: serwer długo odpowiada, zanim przeglądarka dostanie cokolwiek. Jeśli PageSpeed pokazuje długi czas odpowiedzi serwera, przeprowadzka na lepszy hosting z aktualną wersją PHP i CDN da więcej niż dalsze poprawki. Na Tildzie i Webflow hosting jest w planie platformy i ma CDN, więc ten krok zwykle odpada. Czym różni się hosting od domeny i za co właściwie płacisz, wyjaśniam w tekście domena i hosting, co to jest.
Krok 10. Oceń, czy łatanie ma sens
Jeśli strona ma ciężki motyw z kreatorem stron, kilkadziesiąt wtyczek i każda poprawka psuje coś innego, przyspieszanie może kosztować więcej niż nowa, lekka strona. Wtedy warto policzyć oba warianty: koszt kolejnych godzin pracy nad starą stroną i koszt nowej strony na lżejszej platformie. Porównanie platform pod tym kątem znajdziesz w tekście Tilda czy WordPress, a przebieg przeprowadzki w tekście jak przenieść stronę z WordPress.
Co zrobić po przyspieszeniu
Szybka strona nie zostaje szybka sama z siebie. Ustal prostą zasadę: każde nowe zdjęcie przed wgraniem przechodzi przez kompresję, każdy nowy skrypt ma właściciela i datę przeglądu, a po każdej większej zmianie robisz pomiar w PageSpeed Insights. Raz na kwartał przejrzyj listę skryptów i wtyczek, bo po kampaniach reklamowych i testach narzędzi zawsze coś zostaje. Zapisuj wyniki w jednym arkuszu, żeby widzieć trend, a nie pojedyncze pomiary.
Jak sprawdzić efekt w liczbach
Poza PageSpeed patrz na zachowanie ludzi. W GA4 porównaj odsetek wizyt zakończonych po kilku sekundach i liczbę zapytań z telefonu przed zmianami i po nich, w podobnych okresach. W Google Search Console raport podstawowych wskaźników internetowych pokaże, czy Google widzi poprawę na prawdziwych urządzeniach użytkowników. Te dane aktualizują się z opóźnieniem kilku tygodni, więc nie oceniaj efektu po jednym dniu.
| Platforma | Co zrobisz sam | Co zwykle wymaga wykonawcy |
|---|---|---|
| Tilda | zdjęcia, liczba bloków, wideo, skrypty w ustawieniach | przebudowa ciężkich bloków Zero Block |
| Webflow | zdjęcia, interakcje, czcionki, skrypty | optymalizacja struktury i animacji |
| WordPress | zdjęcia, wtyczki, cache | hosting, motyw, kod, baza danych |
| Strona w kodzie lub na własnym CMS | zdjęcia i teksty w panelu | zmiany w kodzie, serwer, nowe skrypty |
Przyspieszanie stron to też jedna z usług, które opisuję na stronie optymalizacja szybkości. Pracuję na stronach, które buduję sam: w czystym kodzie albo na własnym CMS, gdzie nie ma kodu kreatora ani wtyczek, które trzeba by odchudzać. Cudzych stron nie przerabiam: jeśli stara strona nie nadaje się do przyspieszenia, proponuję nową na tej samej domenie.
Przykład, błędy i lista kontrolna
Przykład
Przykład, nie konkretny klient. Strona salonu fryzjerskiego na WordPressie ma na pierwszym ekranie slider z czterema zdjęciami po 3 MB, wtyczkę czatu, której nikt nie obsługuje, i trzy kroje czcionek. LCP na telefonie wynosi 6 sekund. Po zmniejszeniu i kompresji zdjęć, zamianie slidera na jedno zdjęcie, usunięciu czatu i ograniczeniu czcionek do jednej rodziny strona jest wyraźnie lżejsza, a kolejny pomiar pokazuje, czy problem leży jeszcze w serwerze.
Najczęstsze błędy
- Gonienie za wynikiem 100 punktów. Liczy się LCP, INP i CLS oraz odczucie na telefonie, a nie okrągła liczba.
- Kolejna wtyczka do przyspieszania. Na WordPressie dwie wtyczki cache potrafią się nawzajem blokować.
- Test tylko na komputerze. Szybkie łącze w firmie ukrywa problemy, które widzi klient na mobilnym internecie.
- Usuwanie skryptów bez sprawdzenia. Wyłączony piksel to kampania bez danych, więc najpierw ustal, co jest potrzebne.
Lista kontrolna
- Zapisany pomiar przed zmianami.
- Zdjęcia zmniejszone i skompresowane.
- Leniwe ładowanie poniżej pierwszego ekranu.
- Usunięte zbędne skrypty i piksele.
- Na WordPressie: przegląd wtyczek i cache.
- Jeden krój czcionki.
- Bez ciężkiego wideo i slidera na pierwszym ekranie.
- Pomiar po zmianach na telefonie.
Porozmawiajmy
o Twojej firmie
Przed rozmową przeglądam Twoją stronę i reklamy. Po rozmowie dostajesz plan działań i widełki cenowe na piśmie.
Pytania o przyspieszenie strony
Czy szybkość strony wpływa na pozycje w Google?
Tak, ale jako jeden z wielu sygnałów. Treść i dopasowanie do zapytania ważą więcej. Szybkość ma za to bezpośredni wpływ na to, ilu odwiedzających zostaje na stronie i wysyła zapytanie, więc opłaca się nawet wtedy, gdy pozycje się nie zmienią.
Czy strona na Tildzie może być wolna?
Może, jeśli ma dużo ciężkich bloków, nieskompresowane zdjęcia, wideo w tle i wiele zewnętrznych skryptów. Platforma daje szybki hosting i CDN, ale nie zmniejszy za Ciebie plików i nie usunie zbędnych widgetów. Lekka strona na Tildzie zwykle osiąga dobre wyniki bez dodatkowej pracy.
Ile kosztuje przyspieszenie strony?
Zależy od platformy i stanu strony. Proste poprawki zdjęć i skryptów możesz zrobić sam w kilka godzin. Optymalizacja WordPressa u wykonawcy to na rynku zwykle od kilkuset do kilku tysięcy złotych. Gdy strona wymaga przebudowy motywu, warto porównać ten koszt z ceną nowej, lekkiej strony.
Jak często sprawdzać szybkość strony?
Po każdej większej zmianie, na przykład dodaniu nowej sekcji, wtyczki albo piksela, i raz na kwartał kontrolnie. Szybkość pogarsza się zwykle stopniowo, gdy na stronie przybywa zdjęć i narzędzi, więc regularny pomiar pozwala złapać problem, zanim odczują go klienci.
Zbuduję stronę, która ładuje się
szybko na telefonie
Na moich stronach dbam o lekkie zdjęcia, mało skryptów i wynik w PageSpeed już przy budowie. Napisz, jaką stronę planujesz, a dostaniesz zakres, cenę i termin. Orientacyjne kwoty znajdziesz w cenniku stron.