Przyspieszenie strony
internetowej

Przyspieszenie strony internetowej: ile kosztuje Cię każda sekunda

    Wolna strona nie wysyła rachunku. Po prostu część osób nie czeka, aż się załaduje, i wraca do wyników wyszukiwania. Przy reklamie oznacza to zapłacone kliknięcie bez szansy na kontakt. Przy ruchu z Google oznacza klienta, który trafia do konkurencji, choć wcześniej wybrał Ciebie.

    Problem jest najbardziej widoczny na telefonie, przy słabym zasięgu w autobusie albo w sklepie. Właściciel firmy zwykle ogląda swoją stronę na szybkim komputerze w biurze i nie widzi kłopotu. Dlatego każdą diagnozę zaczynam od zwykłego telefonu i spowolnionego internetu, a nie od laptopa podłączonego do światłowodu.

    ## Core Web Vitals po ludzku

    Google mierzy szybkość stron trzema wskaźnikami, które razem nazywa Core Web Vitals. LCP mówi, po jakim czasie pojawia się największy element pierwszego ekranu, zwykle zdjęcie albo nagłówek. Dobry wynik to do 2,5 sekundy. INP pokazuje, jak szybko strona reaguje na dotknięcie czy kliknięcie, i dobry wynik mieści się w 200 milisekundach.

    Trzeci wskaźnik, CLS, mierzy skakanie układu podczas ładowania. Znasz to: chcesz dotknąć przycisku, a w ostatniej chwili wjeżdża baner i trafiasz w coś innego. Dobry wynik to maksymalnie 0,1. Te trzy liczby mówią więcej o wygodzie klienta niż ogólna ocena w teście, dlatego to na nich się skupiam.

    ## PageSpeed: jak czytać wynik i czego nie robić

    PageSpeed Insights pokazuje dwa rodzaje danych: pomiar laboratoryjny, zrobiony przez Google w chwili testu, i dane z prawdziwych wizyt użytkowników Chrome, jeśli strona ma ich wystarczająco dużo. Te drugie są ważniejsze, bo pokazują, jak strona działa u Twoich klientów, a nie w idealnych warunkach.

    Typowy błąd to gonienie za setką. Właściciel instaluje trzy wtyczki do optymalizacji, każda obiecuje cud, a razem psują wygląd albo formularz. Wolę ustalić dwie lub trzy przyczyny, które kosztują najwięcej sekund, i usunąć właśnie je. Więcej praktycznych kroków opisuję w artykule [jak przyspieszyć stronę](/blog/jak-przyspieszyc-strone/).

    ## Dlaczego strona wolno się ładuje: test, który zrobisz sam

Weź telefon, wyłącz Wi-Fi i otwórz swoją stronę w trybie prywatnym, tak jak zrobiłby to nowy klient. Policz, po ilu sekundach widzisz nagłówek i numer telefonu, a po ilu możesz bez problemu przewijać. Jeśli czekasz dłużej niż na zagotowanie wody na herbatę, masz odpowiedź.

Potem wklej adres do PageSpeed Insights i spójrz na sekcję z sugestiami. Najczęściej na górze listy są zdjęcia i skrypty firm zewnętrznych. To dobry punkt wyjścia do rozmowy z wykonawcą albo ze mną. Szerzej o przyczynach piszę w artykule dlaczego strona wolno się ładuje.

Wolna strona internetowa zbudowana przez kogoś innego

    Cudzych stron nie przerabiam, więc przy wolnej stronie od innego wykonawcy nie grzebię w jej kodzie ani wtyczkach. Mogę za to zrobić diagnozę i przygotować listę zmian z uzasadnieniem: które zdjęcia ważą za dużo, które skrypty można wyłączyć, która wtyczka dociąga pliki na każdą podstronę. Twój wykonawca dostaje konkret zamiast ogólnego „strona jest wolna”.

    Często diagnoza pokazuje jednak, że problemem jest cała konstrukcja: ciężki szablon, kilkanaście wtyczek i tani hosting. Wtedy rozsądniej jest napisać nową stronę od zera, na tej samej domenie, z przeniesieniem treści. Taka [przebudowa przez redesign](/strony-internetowe/redesign/) rozwiązuje przy okazji problemy z wersją mobilną i tekstami.

    ## Szybkość nowej strony w kodzie i na moim CMS

    Strona pisana od zera ma przewagę na starcie: ładuje tylko to, czego używa, bez ciężkiego motywu i bez skryptów kreatora. Mój CMS działa w tle, więc panel edycji nie spowalnia strony, którą widzi klient. To jednak tylko fundament, a nie gwarancja szybkości.

    Szybkość zależy od projektu. Pilnuję, żeby zdjęcia miały rozsądną wagę, żeby na pierwszym ekranie nie było ciężkiego wideo, a liczba animacji nie przytłaczała słabszych telefonów. Ograniczam też skrypty do tych, które naprawdę są potrzebne: analityka, piksele aktywnych kampanii i nic ponadto. Każdą stronę przed oddaniem mierzę w PageSpeed.

    ## Szybkość a konwersja i reklama

    Szybsza strona to nie tylko lepszy wynik w teście. W kampaniach Google Ads wolny landing obniża ocenę strony docelowej, a to zwykle podnosi cenę kliknięcia. W reklamach na Facebooku część osób zamyka stronę, zanim się załaduje, więc płacisz za kliknięcia, które nigdy nie stały się wizytą.

    Dlatego przyspieszenie traktuję jako część większej pracy nad tym, żeby strona zamieniała ruch w zgłoszenia. Gdy szybkość jest już w porządku, a zapytań wciąż jest mało, kolejnym krokiem jest [optymalizacja konwersji](/strony-internetowe/optymalizacja-konwersji/) i sprawdzenie, co dzieje się na stronie po załadowaniu.