Szybkość strony a konwersje - każda sekunda kosztuje

Wolna strona nie zgłasza się sama. Nikt nie napisze skargi, że strona ładowała się pięć sekund - po prostu wraca do wyników wyszukiwania i dzwoni do następnej firmy. Właśnie dlatego szybkość jest tak kosztownym problemem: od środka wszystko wygląda dobrze, tylko telefon dzwoni rzadziej, niż powinien. Oto jak uczciwie to zmierzyć, co naprawdę powoduje opóźnienie i które poprawki warto zrobić najpierw.

Dlaczego szybkość zamienia się w pieniądze

Mechanizm jest prosty i dotyczy cierpliwości, a nie technologii. Ktoś klika Twój link z Google z problemem do rozwiązania. Dopóki strona jest pusta, nie myśli o Twojej ofercie - decyduje, czy czekać. Im dłużej trwa ta pustka, tym więcej osób odchodzi, a te, które odeszły, nigdy nie zobaczą niczego, co napisałeś.

Dwie rzeczy pogarszają ten obraz. Po pierwsze, efekt jest najsilniejszy na telefonach, gdzie połączenie bywa niestabilne i gdzie odbywa się większość lokalnych wyszukiwań. Po drugie, kumuluje się: te same wolne strony rankują nieco niżej, więc trafia na nie mniej osób, a spośród tych, które trafiają, więcej rezygnuje.

Nie zobaczysz tego w skrzynce mailowej. Widać to w statystykach - wysoki odsetek odwiedzających, którzy wychodzą w kilka sekund, zwłaszcza z telefonów. Które liczby obserwować, opisujemy w tekście Google Analytics po ludzku.

Jak poprawnie to zmierzyć

Wejdź na pagespeed.web.dev, wklej adres i najpierw czytaj zakładkę mobilną - to wersja, którą dostaje większość Twoich odwiedzających. Wynik od 0 do 100 jest przydatnym podsumowaniem, ale to liczby pod nim mówią, co naprawić.

• LCP - po jakim czasie widać największy element, zwykle główny obraz albo nagłówek. Poniżej 2,5 sekundy jest dobrze.
• INP - jak szybko strona reaguje na dotknięcie. Poniżej 200 milisekund wydaje się natychmiastowe.
• CLS - jak bardzo układ skacze podczas ładowania. To przez niego ludzie klikają nie ten przycisk, gdy obrazek albo baner przesuwa stronę.

Jedno zastrzeżenie: wynik waha się między pomiarami, więc nie goń za pojedynczymi punktami. Strona z 42 wymaga pracy; różnica między 88 a 92 to szum. Sprawdź też podstronę - szybka strona główna zaskakująco często ukrywa ciężką galerię albo wpis blogowy.

Co naprawdę spowalnia strony

W praktyce te same cztery przyczyny odpowiadają za zdecydowaną większość wolnych stron małych firm i wymieniamy je mniej więcej w kolejności szkodliwości.

1. Zdjęcia wrzucone prosto z telefonu albo aparatu

To przyczyna numer jeden i najłatwiejsza do usunięcia. Współczesny telefon robi zdjęcia po kilka megabajtów każde. Dziesięć takich na stronie oznacza, że odwiedzający na transferze mobilnym pobiera dziesiątki megabajtów, żeby zobaczyć galerię, która wyglądałaby identycznie przy ułamku tego rozmiaru.

Rozwiązanie: zmniejszyć obrazy do wymiarów, w jakich faktycznie się wyświetlają, zapisać w nowoczesnym formacie i ładować wszystko poniżej pierwszego ekranu dopiero przy przewijaniu. Zrobione porządnie, samo to często skraca czas ładowania o połowę. Co czyni zdjęcie dobrym, to osobna sprawa, opisana w tekście zdjęcia na stronę firmową.

2. Rozrost wtyczek

Każda wtyczka dodana do WordPressa przynosi własne skrypty i style, a większość ładuje się na każdej podstronie, niezależnie od tego, czy jest tam potrzebna. Wtyczka slidera użyta raz na stronie głównej i tak ładuje swój kod na stronie kontaktowej. Dwadzieścia wtyczek to nie dwadzieścia drobnych dodatków, tylko dwadzieścia zestawów plików, które przeglądarka musi pobrać i wykonać.

Lekarstwem jest usuwanie, a nie optymalizacja: przejrzyj listę, wyłącz wszystko, co wyraźnie nie zarabia na swoje miejsce, i sprawdź, czy strona nadal działa. To jedna ze strukturalnych różnic między platformami, które porównujemy w tekście WordPress a własny kod.

3. Brak cache

Bez cache serwer składa stronę od zera dla każdego odwiedzającego - czyta bazę, uruchamia motyw, buduje HTML - mimo że wynik za każdym razem jest identyczny. Cache zapisuje gotową stronę i podaje ją natychmiast. Na typowej stronie WordPress to jeden przełącznik w panelu hostingu i jeden z największych możliwych zysków.

4. Zbyt tani hosting

Na najtańszych planach współdzielonych setki stron dzielą jedną maszynę. Twoja strona jest szybka, gdy sąsiedzi są cicho, i wolna, gdy nie są - dlatego strona wydaje się nieprzewidywalna: w porządku rano, ociężała o osiemnastej, gdy wszyscy przeglądają internet.

Przejście z najniższego pakietu na przyzwoity kosztuje zwykle kilkadziesiąt złotych miesięcznie i usuwa całą klasę problemów. Na co zwracać uwagę, opisujemy w tekście domena i hosting.

Skok układu, którego nikt nie mierzy

Jest drugi rodzaj wolności, który nie ma nic wspólnego z czekaniem. Strona pojawia się szybko, sięgasz do przycisku, i dokładnie w tym momencie doładowuje się obrazek, wszystko zjeżdża w dół, a palec ląduje gdzie indziej. Technicznie strona była szybka. W praktyce odwiedzający kliknął nie ten link i jest już zirytowany.

To właśnie mierzy wskaźnik CLS, najbardziej niedoceniany z trzech. Typowe przyczyny to obrazy bez zadeklarowanych wymiarów, banery pojawiające się z opóźnieniem i fonty, które podmieniają się i przelewają tekst. Wszystkie trzy naprawia się przy budowie, a niewygodnie naprawia później.

Sprawdź to tak, jak zrobiłby klient: otwórz stronę na telefonie i spróbuj kliknąć przycisk połączenia w chwili, gdy się pojawi. Jeśli cokolwiek przesuwa się pod kciukiem, to jest ten problem, i żaden wynik w okolicach dziewięćdziesięciu go nie usprawiedliwia.

Ciche dodatki: skrypty śledzące i fonty

Poza wielką czwórką jest kategoria drobnych dodatków, których nikt nie liczy. Tag analityczny, piksel z kampanii zakończonej w zeszłym roku, widget czatu, baner cookies, osadzona mapa, trzy fonty w sześciu odmianach. Każdy z osobna da się obronić; razem potrafią dodać sekundy.

Warto zrobić coroczny przegląd: otwórz listę skryptów na stronie i usuń wszystko, co wiąże się z kampanią albo narzędziem, z którego już nie korzystasz. Szczególnie ciężkie są widgety czatu, a pytanie, czy zarabiają na swoje miejsce, jest realne - przyglądamy się temu w tekście czat na stronie - czy warto.

Co naprawić najpierw

Jeśli nie zrobisz nic innego, zrób te trzy rzeczy w tej kolejności. Kosztują prawie nic i zamykają większość różnicy między wolną a normalną stroną.

1. Skompresuj i zmniejsz wszystkie obrazy, zaczynając od strony głównej i galerii. Zwykle to największy pojedynczy zysk.
2. Włącz cache w panelu hostingu i sprawdź, czy strona nadal wyświetla się poprawnie.
3. Usuń każdą wtyczkę i skrypt, których nie potrafisz uzasadnić na głos jednym zdaniem.

Potem zmierz ponownie. Jeśli wynik mobilny po tych trzech krokach nadal jest słaby, problem jest strukturalny - ciężki motyw, kreator generujący rozdęty kod albo hosting z samego dołu rynku - i dalsze podkręcanie tego nie naprawi.

Jak utrzymać szybkość po starcie

Szybkość to nie stan, który się osiąga, tylko taki, który się utrzymuje. Strona uruchomiona z dobrym wynikiem sama zjeżdża w dół, bo wszystko, co dochodzi później, dokłada ktoś w pośpiechu: zdjęcie prosto z telefonu pod sezonową promocję, skrypt śledzący pod kampanię, wtyczka do rozwiązania jednego drobiazgu.

Sytuację trzymają w ryzach dwa nawyki. Pierwszy: nigdy nie wrzucać zdjęcia prosto z galerii - najpierw je zmniejszyć, za każdym razem, a po miesiącu staje się to odruchem. Drugi: raz na kwartał uruchomić test szybkości i porównać go z poprzednim wynikiem, a nie z ideałem. Powolny spadek wychwycony wcześnie to dziesięć minut pracy; ten sam spadek zauważony po dwóch latach to już rozmowa o przebudowie.

Jeśli realnie nikt w firmie tego nie zrobi, zadanie trafia do opieki - to jedna z comiesięcznych kontroli opisanych w tekstach stała opieka nad stroną i wsparcie po uruchomieniu.

Kiedy szybkość jest objawem, a nie chorobą

Jest punkt, w którym optymalizowanie istniejącej strony przestaje się opłacać. Jeśli strona powstała na ciężkim szablonie i wizualnym kreatorze, każda poprawka jest obejściem kodu, którego nie możesz zmienić. Wydanie kilku tysięcy złotych na optymalizację po to, by osiągnąć przeciętny wynik na stronie, która na dodatek wygląda przestarzale, to zły interes.

W takiej sytuacji przebudowa jest zwykle tańsza niż lata łatania i przy okazji rozwiązuje problem wyglądu. Sygnały, że ten moment nadszedł, wymieniamy w tekście kiedy strona wymaga odświeżenia, a jak przebudować bez utraty pozycji - w tekście migracja bez utraty SEO.

Gdzie naprawdę uciekają sekundy

Warto wiedzieć, co przeglądarka robi w tej pustej chwili, bo to tłumaczy, dlaczego jedne poprawki działają, a inne nic nie dają. Z grubsza po kolei dzieją się cztery rzeczy.

1. Przeglądarka prosi serwer o stronę. Jeśli serwer jest przeciążony albo strona za każdym razem budowana jest od zera, czekanie zaczyna się już tutaj - zanim istnieje choćby jeden piksel.
2. Czyta HTML i odkrywa wszystko inne, co musi pobrać: style, skrypty, fonty, obrazy. Każde z nich to kolejne żądanie.
3. Wykonuje skrypty. To tu strony obładowane wtyczkami tracą najwięcej czasu, bo skrypty blokują dokończenie strony, dopóki się nie wykonają.
4. Rysuje wynik. Dopiero teraz odwiedzający cokolwiek widzi - i dopiero teraz zaczyna czytać Twoją ofertę.

Dlatego kompresja obrazów pomaga w kroku drugim, cache w pierwszym, a usuwanie wtyczek w trzecim - i dlatego zrobienie tylko jednej z trzech rzeczy czasem nic nie zmienia. Tempo wyznacza najwolniejszy krok, więc poprawka musi trafić tam, gdzie czas naprawdę ucieka.

Najczęstsze pytania

Czy potrzebuję wyniku 100?

Nie, a gonienie za tym zwykle marnuje pieniądze. Wynik pewnie powyżej zielonego progu na mobile wystarcza i odwiedzającym, i Google. Ostatnie kilka punktów wymaga zwykle usunięcia funkcji, które zarabiają więcej, niż kosztują milisekundy.

Mnie strona wydaje się szybka - czemu test twierdzi inaczej?

Bo Twoja przeglądarka ma stronę w cache, a Ty jesteś zapewne na dobrym wifi i na komputerze. Test symuluje przeciętny telefon na przeciętnym łączu mobilnym - a to znacznie bliżej temu, jak widzą stronę Twoi klienci. Sprawdź sam: na telefonie, na transferze komórkowym, poza biurem.

Czy szybsza strona na pewno da więcej zapytań?

Szybkość usuwa przeszkodę, nie tworzy popytu. Jeśli oferta jest niejasna, a formularz niewygodny, szybka strona po prostu szybciej doprowadzi ludzi do tego samego ślepego zaułka. Szybkość działa razem z komunikatem i formularzem, o czym piszemy w tekstach CTA, które działają i formularz kontaktowy, który działa.

Ile kosztuje optymalizacja?

Dla małej strony kompresja obrazów i cache to często godzina lub dwie pracy. Głębsza robota - ograniczenie wtyczek, oczyszczenie motywu, przebudowa sposobu ładowania - to kilka godzin. Przed zapłatą poproś na piśmie o obecne i oczekiwane liczby, żeby wynik dało się zweryfikować.

Czy szybkość ma znaczenie dla strony, z której tylko dzwonią?

Tak, a nawet bardziej. Ktoś, kto szuka na telefonie usługi potrzebnej natychmiast, jest najmniej cierpliwym odwiedzającym, jakiego będziesz mieć. Jeśli w ciągu paru sekund strona nie pokazała numeru telefonu, ta osoba jest już z powrotem w wynikach i patrzy na konkurenta.

Czy strony, które robicie, są od razu zoptymalizowane?

Tak - skompresowane obrazy, lekki kod i cache są częścią budowy, a nie dodatkiem. Wynik mobilny sprawdzamy przed startem, bo naprawianie tego po fakcie zawsze kosztuje więcej niż zrobienie dobrze za pierwszym razem.

Czy kreator stron z definicji spowalnia stronę?

Nie z definicji, ale startuje ciężej. Wizualny kreator musi być na tyle elastyczny, by złożyć dowolny układ, więc wysyła kod obsługujący możliwości, z których Twoja strona nigdy nie korzysta. Dobrze skonfigurowana strona na kreatorze potrafi osiągnąć akceptowalne wyniki - rzadko jednak te, które daje strona pisana pod zadanie.

Jak często powtarzać test?

Dla małej strony wystarczy raz na kwartał plus raz po każdej większej zmianie - nowej galerii, skrypcie kampanii, przebudowie sekcji. Za każdym razem zapisz wynik. Pojedynczy pomiar mówi niewiele; seria pokazuje, czy strona się osuwa.