Zespoły marketingowe regularnie proszą o "poprawę wyniku w Lighthouse do 100", jakby to była nagroda sama w sobie. Tymczasem wynik 100/100 na jednej stronie testowej i realna, mierzalna poprawa konwersji na produkcji to dwie różne rzeczy — i czasem optymalizacja pod pierwsze pogarsza drugie.

LCP to metryka, która najbardziej boli portfel

Largest Contentful Paint — czas do wyrenderowania największego widocznego elementu — koreluje z porzuceniami najsilniej ze wszystkich trzech głównych Core Web Vitals. Powód jest prosty: użytkownik, który nie widzi głównej treści strony (zwykle hero image lub nagłówek) w ciągu 2,5 sekundy, zaczyna wątpić, czy strona w ogóle działa.

Najczęstszy winowajca to nieoptymalizowany obraz hero bez fetchpriority="high" i bez jawnie zdefiniowanych wymiarów — przeglądarka czeka na pobranie pliku, zanim zarezerwuje dla niego miejsce, co dodatkowo opóźnia moment, w którym layout się stabilizuje.

CLS wygląda niegroźnie, dopóki nie klikniesz w zły przycisk

Cumulative Layout Shift mierzy, jak bardzo elementy "skaczą" podczas ładowania strony. To metryka, którą łatwo zignorować, bo subiektywnie strona "wygląda dobrze" — dopóki użytkownik na telefonie nie kliknie w przycisk "Kup teraz", który w międzyczasie przesunął się o 40 pikseli w dół, bo załadował się banner powyżej.

Najczęstsza przyczyna w praktyce: reklamy, widgety osób trzecich (czat, cookie banner) i czcionki webowe bez font-display: swap z odpowiednim fallbackiem, które podmieniają szerokość tekstu po załadowaniu.

INP zastąpił FID i mierzy coś, co realnie czuć

Interaction to Next Paint (następca First Input Delay) mierzy opóźnienie między kliknięciem a widoczną reakcją interfejsu — nie tylko przy pierwszej interakcji, ale przez cały czas przebywania na stronie. Strona, która ładuje się szybko, ale "zamula" przy każdym kliknięciu w rozbudowany formularz, dostaje słaby wynik INP mimo dobrego LCP.

Co z tego realnie przekłada się na konwersję

Z naszego doświadczenia wdrożeniowego: poprawa LCP poniżej 2,5s na stronach produktowych/usługowych ma największy, najbardziej mierzalny wpływ na współczynnik odrzuceń. CLS blisko zera zmniejsza liczbę przypadkowych, sfrustrowanych kliknięć — trudniejsze do zmierzenia wprost, ale widoczne w nagraniach sesji użytkowników. INP ma największe znaczenie na stronach z rozbudowaną interakcją (filtry, kalkulatory, formularze wieloetapowe) — na prostej stronie wizytówkowej jego wpływ na konwersję jest marginalny.

Wniosek praktyczny

Jeśli budżet czasu na optymalizację jest ograniczony, kolejność priorytetów zwykle powinna wyglądać tak: najpierw LCP (bo wpływa na pierwsze wrażenie i porzucenia), potem CLS (bo wpływa na przypadkowe błędne kliknięcia), na końcu INP — chyba że strona ma rozbudowaną interaktywność, wtedy INP przesuwa się wyżej. Wynik 100/100 w Lighthouse na pustej stronie testowej nic nie mówi o żadnym z tych realnych scenariuszy.