Citește separat cele trei valori

LCP urmărește când apare cel mai mare element vizibil eligibil, adesea fotografia principală sau titlul. INP urmărește cât de repede se vede răspunsul la interacțiuni. CLS măsoară deplasările neașteptate ale conținutului. Un meniu lent și un buton care sare după încărcarea unei imagini cer intervenții diferite.

Google consideră bune valorile LCP de cel mult 2,5 secunde, INP de cel mult 200 de milisecunde și CLS de cel mult 0,1 la percentila 75, separat pentru mobil și desktop. Datele din trafic au nevoie de vizite suficiente. Testul de laborator e potrivit pentru reproducerea unei probleme și verificarea unei schimbări.

Intervino pe cauza pe care ai observat-o

Dacă fotografia principală intră târziu, urmărește când începe cererea și ce dimensiune are resursa. Pune imaginea importantă la dispoziția browserului din HTML și oferă variante potrivite ecranului. Încarcă la nevoie imaginile de mai jos. Verifică de fiecare dată că alegerea reduce transferul pe mobil și păstrează compoziția.

Dacă pagina se deplasează, rezervă spațiu pentru imagini, embeduri și mesaje care sosesc mai târziu. Dacă meniul răspunde greu, înregistrează interacțiunea și caută activități lungi pe firul principal. Compară dimensiunea și execuția scripturilor folosite efectiv pe acea pagină. O animație mică poate rămâne fluidă dacă lucrează cu proprietățile potrivite.

Măsoară înainte și după în condiții comparabile

Alege o pagină de intrare, un proiect cu galerie și o pagină de contact. Testează cu aceeași simulare de telefon și rețea și repetă de câteva ori. Notează rezultatul tipic și elementul LCP observat. O singură rulare poate fi influențată de procese din fundal sau de starea cache-ului.

Testează și acțiuni reale, cum ar fi deschiderea meniului și derularea către contact. Pentru datele din trafic, urmărește intervalul și tipul de dispozitiv. Dacă ai prea puține date, raportează valorile de laborator ca diagnostic și păstrează măsurătoarea reală ca etapă separată, după ce există trafic suficient.

În practică

Alege o singură problemă observabilă, cum ar fi intrarea târzie a fotografiei principale pe mobil. Salvează rezultatele a trei rulări, schimbă resursa sau momentul în care începe încărcarea și repetă. Verifică separat cum arată fotografia la dimensiunea reală. Scrie ce a schimbat intervenția și în ce condiții ai măsurat.

Surse și lecturi

Web design & dezvoltare