Google anunță inițiativa Web Vitals pentru a oferi îndrumări unificate dezvoltatorilor cu privire la performanța site-ului, folosind trei valori de bază.
Înapoi la Chrome Developer Summit de anul trecut, Google a anunțat noi instrumente pentru dezvoltatori Chrome pentru a reduce timpul de încărcare a paginii și pentru a construi o experiență nativă asemănătoare aplicației. La acea vreme, compania a discutat și despre o inițiativă de a oferi dezvoltatorilor un set unificat de valori cu care să se măsoare atunci când construiesc site-uri web având în vedere experiența utilizatorului și performanța. Urmând ideea inițială, Google a anunțat acum inițiativa Web Vitals care își propune să ofere „Orientări unificate pentru semnale de calitate care sunt esențiale pentru a oferi o experiență excelentă pentru utilizator pe web”.
De-a lungul anilor, Google a oferit mai multe instrumente pentru a ajuta dezvoltatorii de site-uri web să măsoare și să raporteze performanța site-ului. Acestea includ lucruri precum Lighthouse,
Valorile vitale web de bază sunt un subset al tuturor elementelor vitale web care se aplică tuturor paginilor web, ar trebui măsurate de toți proprietarii de site-uri web și vor fi afișate în toate instrumentele Google. În prezent, aceste Core Web Vitals se concentrează pe trei aspecte ale experienței utilizatorului - încărcare, interactivitate și stabilitate vizuală - și includ următoarele valori (și pragurile respective):
- Cea mai mare vopsea cu conținut maxim (LCP): măsoară performanța de încărcare. Pentru a oferi o experiență bună pentru utilizator, LCP ar trebui să aibă loc în 2,5 secunde de când pagina începe pentru prima dată să se încarce.
- Întârziere la prima intrare (FID): măsoară interactivitatea. Pentru a oferi o experiență bună pentru utilizator, paginile ar trebui să aibă un FID mai mic de 100 de milisecunde.
- Schimbare cumulativă a aspectului (CLS): măsoară stabilitatea vizuală. Pentru a oferi o experiență bună pentru utilizator, paginile ar trebui să mențină un CLS mai mic de 0,1
Pentru a ajuta dezvoltatorii să măsoare și să raporteze aceste valori vitale de bază, Google se angajează să evidențieze aceste valori în instrumentele sale. Următorul grafic detaliază ce instrumente acceptă Core Web Vitals:
Dezvoltatorii vor putea, de asemenea, să măsoare fiecare Core Web Vital în JavaScript folosind API-uri web standard și să raporteze pentru fiecare Core Web Vital fără a scrie niciun cod, folosind Extensia Chrome Web Vitals. Extensia folosește biblioteca web-vitals pentru a măsura aceste valori și a le afișa utilizatorilor în timp ce navighează pe web. Extensia poate fi, de asemenea, utilă pentru a înțelege performanța site-urilor dvs. web, a site-urilor web ale concurenței și a web-ului în general. În mod alternativ, dezvoltatorii care ar prefera să măsoare aceste valori folosind API-urile web subiacente pot consulta ghidurile de valori de pe site-ul web de mai jos pentru detalii despre implementare.
Împreună cu Core Web Vitals, Google vorbește și despre alte Web Vitals care vor servi drept proxy sau valori suplimentare pentru Core vitals. Acestea includ valori precum Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) și Time la interactiv (TTI) care poate ajuta dezvoltatorii să capteze o parte mai mare a experienței sau să ajute la diagnosticarea specifică probleme.
Este demn de remarcat faptul că aceste elemente vitale web și elemente vitale web de bază vor evolua în timp, iar dezvoltatorii ar trebui să se aștepte la îmbunătățiri sau completări viitoare la listă. Cu toate acestea, deoarece Core Web Vitals sunt relevante pentru toate paginile web și sunt prezentate în mai multe instrumente Google, orice modificare a acestor valori nu le va modifica definiția și pragurile. De asemenea, dezvoltatorii vor primi o notificare prealabilă pentru orice modificări viitoare și un model anual previzibil. Datorită faptului că celelalte elemente vitale web sunt specifice contextului sau instrumentelor, definițiile și pragurile acestora se pot schimba cu o frecvență mai mare fără notificare prealabilă. Orice modificări aduse tuturor elementelor vitale web vor fi documentate în aceasta jurnalul de modificări public.
Sursă: web.dev