Zacznijmy od liczby, która boli. Według danych Google, gdy czas ładowania strony rośnie z 1 do 3 sekund, prawdopodobieństwo, że użytkownik ją opuści, rośnie o 32%. Przy 6 sekundach - o ponad 100%. To nie jest abstrakcja dla działu IT. To są konkretni ludzie, którzy mieli zostawić zapytanie, ale zamknęli kartę, zanim cokolwiek się załadowało.
Kiedy zaczynaliśmy audyty u nowych klientów, postanowiliśmy zmierzyć to u siebie - na realnych projektach, które przejmowaliśmy do redesignu. Wynik nas nie zaskoczył, ale i tak zrobił wrażenie.
01 / DiagnozaSkąd się bierze te 6 sekund?
W zdecydowanej większości przypadków winowajca nie jest jeden. To suma drobnych zaniedbań, które razem tworzą ścianę. Oto co najczęściej spowalniało strony, które przejmowaliśmy:
- Nieoptymalizowane obrazy. Zdjęcia hero w formacie 4000 px szerokości, serwowane bez kompresji i bez nowoczesnych formatów (WebP/AVIF).
- Ciężkie buildery. Strony na page-builderach ładowały po 1,5 MB samego CSS i JS, zanim pokazały pierwszy piksel treści.
- Brak lazy-loadingu. Wszystko ładowane od razu, łącznie z trzecim ekranem, którego 70% odwiedzających nigdy nie zobaczy.
- Pluginy widmo. Skrypty do funkcji, które dawno usunięto z designu, ale nikt nie wyczyścił ich z kodu.
Prędkość to nie cecha techniczna. To pierwsze, niewypowiedziane wrażenie o tym, jak poważnie traktujesz swojego klienta.
02 / PodejścieCo realnie zmienia obraz
Nie ma jednej magicznej poprawki. Jest dyscyplina na każdym etapie. Przy każdym wdrożeniu trzymamy się tej samej kolejności - od rzeczy o największym wpływie do detali.
Najpierw: obrazy i fonty
To zwykle 70% problemu. Konwertujemy obrazy do AVIF z fallbackiem, definiujemy precyzyjne rozmiary, by przeglądarka nie musiała przeliczać układu, i ładujemy fonty z font-display: swap, żeby tekst był widoczny natychmiast.
Potem: mniej kodu, nie więcej
Budujemy w Next.js z renderowaniem po stronie serwera. Użytkownik dostaje gotowy HTML, a JavaScript doładowuje się w tle. Pierwszy ekran jest widoczny, zanim cokolwiek innego zdąży się wczytać.
Wpisz adres swojej strony w PageSpeed Insights i spójrz na metrykę LCP. Jeśli przekracza 2,5 sekundy - tracisz część odwiedzających, zanim zobaczą Twoją ofertę.
03 / WynikCo to dało klientom
Liczby z początku artykułu nie wzięły się z laboratorium. To realne projekty. Sklep kosmetyczny, który przejęliśmy z czasem ładowania 6,2 s, po redesignie schodzi do 0,8 s - i w pierwszym miesiącu odnotował trzykrotnie więcej zapytań przez formularz. Nie zmieniliśmy oferty ani cen. Zmieniliśmy to, ile osób w ogóle do niej dotarło.
Jeśli czytasz to i podejrzewasz, że Twoja strona też jest po „złej" stronie tej statystyki - prawdopodobnie masz rację. Dobra wiadomość: to jeden z najszybciej zwracających się obszarów, w jakie można zainwestować. Zróbmy bezpłatny audyt prędkości i pokażemy Ci konkretne liczby dla Twojej strony.
Freelancer z Warszawy. Buduję szybkie strony, aplikacje webowe i systemy szyte na miarę - od projektu po wdrożenie. Zwolennik zasady „im mniej kodu, tym lepiej”.
