← All articles

Core Web Vitals pentru site-uri de firmă

·2 min read·By Adrian

Also available in EN, ES

Google publică trei indicatori care descriu cum se simte o pagină la utilizare. Merită înțeleși pentru că măsoară exact ce observă vizitatorul.

Cele trei măsuri

Largest Contentful Paint. Cât durează până apare conținutul principal. Ținta: sub 2,5 secunde. De obicei o imagine mare neoptimizată, un răspuns lent al serverului sau fonturi care blochează afișarea.

Interaction to Next Paint. Cât de repede răspunde pagina la un clic. Ținta: sub 200 de milisecunde. De obicei prea mult JavaScript care ocupă browserul.

Cumulative Layout Shift. Cât de mult sare pagina în timp ce se încarcă. Ținta: sub 0,1. De obicei imagini fără dimensiuni sau un banner inserat deasupra unui conținut deja citit.

Ultima produce cea mai multă iritare per apariție — toată lumea a apăsat unde nu trebuia pentru că s-a mișcat pagina.

Reparațiile cu cel mai bun randament

  • Serviți corect imaginile. Formate moderne, dimensiuni corecte, încărcare amânată sub prima vizualizare. Pe majoritatea site-urilor de firmă, doar asta rezolvă primul indicator.
  • Puneți width și height pe fiecare imagine. O pereche de atribute și pagina nu mai sare.
  • Scoateți scripturile pe care nu le folosește nimeni. Analitică veche, un chat abandonat, trei containere de tag manager.
  • Găzduiți fonturile local și reduceți-le. Cererile externe de fonturi blochează afișarea, iar un subset elimină caracterele pe care nu le folosiți.
  • Puneți cache agresiv la margine. Paginile statice servite dintr-o rețea de distribuție răspund în zeci de milisecunde, indiferent unde se află vizitatorul.

Măsurați ce trebuie

Instrumentele de laborator dau un scor curat pe o conexiune rapidă. Datele de teren reflectă vizitatori reali, pe telefoane reale, în rețele reale. Când cele două se contrazic, datele de teren au dreptate.

Unde se vede efectul

Un site de firmă își câștigă existența prin formularul de contact. Fiecare secundă de întârziere pierde o parte dintre cei care intenționau să îl completeze, iar vizitatorii de pe mobil cu semnal slab sunt cei mai nerăbdători. Beneficiul de poziționare este real, dar secundar față de asta.

Nu urmăriți scorul perfect. Intrați în pragurile verzi, verificați că formularul merge repede pe un telefon de gamă medie și dedicați efortul rămas conținutului.

Construim la aceste standarde în dezvoltare web.

← Blog