KRÓTKA ODPOWIEDŹ
Na urządzeniach mobilnych o odbiorze strony decydują trzy metryki Core Web Vitals: LCP (czas wyświetlenia największego elementu), INP (reakcja na interakcję) i CLS (stabilność układu). Najczęstsze przyczyny słabych wyników to nieoptymalizowane obrazy, skrypty zewnętrzne ładowane blokująco i brak zarezerwowanej wysokości dla elementów doładowywanych.
- LCP mierzy czas wyświetlenia największego elementu w widoku.
- INP mierzy responsywność strony na interakcje użytkownika.
- CLS mierzy nieoczekiwane przesunięcia układu podczas ładowania.
- Obrazy w formacie WebP z atrybutami width i height eliminują większość przesunięć.
- Skrypty zewnętrzne warto ładować asynchronicznie albo dopiero po interakcji.
Kolejność napraw ma znaczenie
Zacznij od obrazów: właściwy format, responsywne warianty i jawne wymiary. To zwykle najtańsza poprawa i największy skok w LCP oraz CLS.
Potem skrypty zewnętrzne — czaty, piksele, widżety opinii. Każdy z nich brzmi niewinnie, dopóki nie policzysz ich razem na telefonie w słabszym zasięgu.
Efekty wizualne bez kosztu
Animacje i efekty nie muszą psuć wyniku, jeśli działają na właściwościach transform i opacity, respektują ustawienie prefers-reduced-motion i są wyłączane na słabszym sprzęcie.
Zasada praktyczna: efekt, którego użytkownik nie zauważy na telefonie, a który zjada 20% budżetu klatki, jest kosztem, nie wartością.
Mierz na prawdziwym telefonie
Wynik z laptopa na światłowodzie niczego nie mówi. Testuj na średniej klasy telefonie i w warunkach, w jakich Twoi klienci faktycznie otwierają stronę — najczęściej w drodze, jedną ręką, przy słabym zasięgu.