Indicatorii LCP, INP și CLS măsoară trei aspecte ale experienței reale a vizitatorului: cât de repede apare conținutul principal, cât de repede reacționează pagina la o acțiune și cât de stabil rămâne aspectul ei în timpul încărcării. Împreună formează setul de indicatori de bază ai experienței pe pagină, folosiți de motoarele de căutare ca semnal, alături de multe altele. O pagină lentă nu pierde automat poziții, dar pierde vizitatori, iar acesta este efectul cel mai vizibil.
Ce măsoară fiecare dintre indicatorii LCP, INP și CLS?
Fiecare indicator descrie o etapă diferită a interacțiunii cu pagina, de la apariția conținutului până la folosirea lui:
- LCP (Largest Contentful Paint) măsoară timpul până la afișarea celui mai mare element vizibil din prima parte a ecranului, de obicei imaginea principală sau un bloc mare de text.
- INP (Interaction to Next Paint) măsoară întârzierea dintre o acțiune a vizitatorului, cum ar fi un clic sau o atingere, și momentul în care pagina afișează reacția.
- CLS (Cumulative Layout Shift) măsoară cât de mult se deplasează elementele paginii neașteptat, de exemplu textul împins în jos de o imagine încărcată târziu.
INP a înlocuit indicatorul mai vechi FID, care măsura doar prima interacțiune, nu reacția paginii pe parcursul întregii vizite.
Ce valori sunt considerate bune?
Pragurile publicate pentru acești indicatori împart paginile în trei categorii: bune, care necesită îmbunătățiri și slabe. Evaluarea se face la percentila 75 a vizitelor reale, adică cel puțin trei sferturi din vizite trebuie să se încadreze în pragul bun.
| Indicator | Bun | Necesită îmbunătățiri | Slab |
|---|---|---|---|
| LCP | până la 2,5 secunde | 2,5–4 secunde | peste 4 secunde |
| INP | până la 200 ms | 200–500 ms | peste 500 ms |
| CLS | până la 0,1 | 0,1–0,25 | peste 0,25 |
Valorile se evaluează separat pentru telefon și pentru calculator. Pe telefon, unde procesorul este mai slab și conexiunea mai variabilă, rezultatele sunt de regulă mai slabe.
De unde vin datele: din teren sau din laborator?
Datele de teren provin de la vizitatorii reali ai paginii și sunt cele luate în calcul la evaluare, iar datele de laborator provin dintr-un test simulat, util pentru depistarea cauzelor. Un test de laborator rulează pe un singur dispozitiv și o singură conexiune, așa că rezultatul lui poate diferi mult de experiența medie a publicului.
Site-urile cu trafic mic pot să nu aibă suficiente date de teren pentru fiecare pagină. În acest caz, evaluarea se face pe grupuri de pagini asemănătoare sau pe întregul site.
Ce cauze strică cel mai des indicatorul LCP?
Indicatorul LCP este stricat cel mai des de imaginea principală prea grea, de serverul care răspunde lent și de fișierele CSS și JavaScript care blochează afișarea. Imaginea din partea de sus a paginii nu trebuie să aibă încărcare întârziată, iar dimensiunea ei trebuie potrivită ecranului. Un timp de răspuns mare al serverului întârzie toate etapele următoare, oricât de optimizată ar fi pagina în sine.
Ce înrăutățește INP și CLS?
INP este înrăutățit de scripturile lungi care țin ocupat procesorul browserului, iar CLS de elementele care apar fără spațiu rezervat. Cauzele tipice se pot grupa astfel:
- pentru INP: scripturi de urmărire și de reclame numeroase, componente care recalculează pagina la fiecare clic, meniuri construite greu;
- pentru CLS: imagini fără lățime și înălțime declarate, bannere și ferestre de consimțământ inserate deasupra conținutului, fonturi web care schimbă dimensiunea textului la încărcare.
Mulți dintre acești factori apar și în lista de probleme din articolul despre motivele pentru care un site nu are conversii.
Cum se stabilesc prioritățile de optimizare?
Prioritățile se stabilesc pe șabloane, nu pe pagini individuale: pagina principală, categoriile, fișele de produs și articolele au fiecare propriul șablon, iar o corectură făcută acolo se propagă pe toate paginile de același tip. Primele intervenții vizează de obicei imaginile, scripturile externe nefolosite și timpul de răspuns al serverului.
La magazinele online, fișa de produs și coșul sunt paginile unde lentoarea costă direct comenzi, un aspect de luat în calcul încă de la deschiderea unui magazin online. Viteza este o componentă a unui site web bine optimizat, nu un scop în sine: o pagină rapidă, dar fără conținut util, nu câștigă nimic.
