Szybka strona internetowa: optymalizacja szybkości i Core Web Vitals

Google zamienił niejasne pojęcie szybkości na trzy mierzalne wskaźniki. LCP mówi, po ilu sekundach użytkownik widzi największy element treści, zwykle zdjęcie w nagłówku albo tytuł. Dobry wynik to poniżej 2,5 sekundy. INP mierzy, ile czasu mija od kliknięcia do reakcji strony; dobry wynik to poniżej 200 milisekund. CLS opisuje, jak bardzo treść przeskakuje w trakcie ładowania; dobry wynik to poniżej 0,1. Wszystkie trzy liczy się na 75. percentylu rzeczywistych odwiedzin, czyli musi być dobrze dla trzech czwartych Twoich użytkowników, a nie w laboratorium.

W marcu 2024 roku Google wymienił jeden ze wskaźników. Dawny FID mierzył tylko opóźnienie pierwszej interakcji i był łaskawy: strona mogła zdać, choć klikanie w menu trwało wieczność. Zastąpił go INP, który patrzy na wszystkie interakcje w trakcie wizyty i bierze pod uwagę tę najgorszą. Efekt jest taki, że witryny obwieszone skryptami, które kiedyś przechodziły test, dziś go nie zdają. Jeśli ktoś pokazuje Ci raport szybkości sprzed dwóch lat, patrzysz na nieaktualny dokument.

W praktyce winowajcy są zawsze ci sami. Zdjęcia wrzucone prosto z aparatu, ważące po kilka megabajtów, w miejscu, gdzie wystarczyłoby sto kilobajtów. Kilkanaście wtyczek, z których każda dokłada własny arkusz stylów i własny skrypt, ładowany na każdej podstronie, nawet tam, gdzie nie jest używany. Skrypty firm trzecich: czaty, piksele reklamowe, mapy, widgety opinii, banery zgody. Wreszcie hosting współdzielony, na którym Twoja strona czeka w kolejce za setką innych. Motyw graficzny bywa oskarżany niesłusznie, choć motywy uniwersalne, które potrafią wszystko, faktycznie ciągną za sobą kod, którego nigdy nie użyjesz.

Wejdź na PageSpeed Insights Google, wklej adres i przeczytaj sekcję z danymi rzeczywistych użytkowników, a nie tylko wynik testu laboratoryjnego. Dane rzeczywiste pokazują, co widzą Twoi klienci na swoich telefonach i w swoim internecie; wynik laboratoryjny to symulacja. Potem zrób test uczciwy: weź telefon, wyłącz wifi i otwórz swoją stronę na danych komórkowych. Policz sekundy. Jeżeli zdążysz pomyśleć, czy to się w ogóle otworzy, masz odpowiedź. Ten drugi test jest brutalny i dlatego wart więcej niż kolorowy raport.

Wpływa, ale nie tak, jak sprzedają to niektóre agencje. Core Web Vitals są jednym z sygnałów wrażeń ze strony i nie przebiją treści, która lepiej odpowiada na pytanie użytkownika. Sam Google powtarza, że najlepsza odpowiedź wygra z szybszą, ale gorszą. Znaczenie szybkości ujawnia się przy remisie: gdy dwie strony odpowiadają na to samo zapytanie podobnie dobrze, wyprzedza ta, która nie każe czekać. Realny zysk jest jednak gdzie indziej niż w rankingu. Szybsza strona traci mniej osób po drodze, a te, które zostały, częściej wypełniają formularz.

Każda sekunda oczekiwania na telefonie odcina część odwiedzających, zanim w ogóle zobaczą, czym się zajmujesz. Nie potrzeba do tego badań: wystarczy przypomnieć sobie, ile razy sam zamknąłeś kartę, bo pusty biały ekran trwał za długo. W małej firmie usługowej różnica między stroną ładującą się w dwie a w sześć sekund to zwykle kilka telefonów miesięcznie. Przy średniej wartości zlecenia liczonej w tysiącach złotych optymalizacja zwraca się szybciej niż jakakolwiek kampania reklamowa, i to raz na zawsze, bo nie płacisz za nią co miesiąc.

Na rynku polskim jednorazowa optymalizacja techniczna istniejącej strony kosztuje najczęściej od 1 500 zł do 6 000 zł, zależnie od tego, ile błędów trzeba rozplątać i na czym strona stoi. Sam audyt to wydatek rzędu 1 000 zł do 5 000 zł. Rachunek robi się nieprzyjemny, gdy okazuje się, że optymalizacja oznacza usunięcie połowy wtyczek, na których opiera się układ strony. Wtedy płacisz za analizę, za poprawki, a i tak dostajesz stronę wolniejszą niż konkurencja, która zaczęła od czystej karty.

Jeżeli strona stoi na uniwersalnym motywie z kreatorem układu, ma kilkanaście wtyczek i nikt nie pamięta, która za co odpowiada, jej przyspieszanie przypomina odchudzanie przez wybieranie rodzynek z ciasta. Można poprawić wynik o kilkanaście punktów i utknąć. Nowa, lekka strona firmowa u nas kosztuje od 1 490 zł i powstaje w 7 do 10 dni roboczych, a więc mniej niż średnia cena samej optymalizacji cudzego kodu. Piszemy ją bez kreatorów układu, bez zbędnych bibliotek i z obrazami przygotowanymi pod nowoczesne formaty, więc jest szybka od pierwszego dnia, a nie po trzech rundach poprawek.

Zdjęcia serwujemy w formatach nowej generacji i w rozmiarze, w jakim faktycznie się wyświetlają. Ładujemy tylko ten kod, który jest na danej podstronie potrzebny. Kroje pisma osadzamy lokalnie, żeby przeglądarka nie czekała na cudzy serwer. Rezerwujemy miejsce na obrazy i banery, więc treść nie skacze pod palcem i CLS zostaje niski. Skrypty zewnętrzne dokładamy świadomie, po jednym, i pokazujemy klientowi, ile kosztuje każdy z nich. Strona nie musi zdobyć stu punktów w teście. Musi otworzyć się, zanim klient zdąży się rozmyślić.