1. LCP: znajdź największy element, a nie magiczną regułę
Largest Contentful Paint zależy od czasu odpowiedzi, priorytetu zasobu, renderowania i tego, co faktycznie jest największym elementem w viewport. Hero image, font albo blok tekstu wymagają innych napraw.
2. INP: szukaj długiej pracy na głównym wątku
Interaction to Next Paint dotyczy responsywności po interakcji. Ciężki JavaScript, duże renderowanie komponentów lub synchroniczne operacje mogą blokować reakcję niezależnie od szybkości pierwszego ładowania.
3. CLS: rezerwuj przestrzeń i kontroluj późne zmiany
Obrazy bez wymiarów, fonty, reklamy, bannery i dynamiczne moduły mogą przesuwać treść po rozpoczęciu czytania. Rozwiązaniem jest projektowanie stabilnego miejsca, nie ukrywanie przesunięć animacją.
4. Po naprawie ustaw budżet regresji
Jeżeli strona ma zaakceptowany ciężar JavaScript, CSS i obrazów, warto pilnować go w CI. Budżet nie gwarantuje dobrych CWV, ale chroni przed przypadkowym powrotem części problemów.