Ce este Core Web Vitals și cum să-l optimizezi

În 2021, Google a inclus experiența în pagină ca factor de clasare. Scopul său principal este de a îmbunătăți performanța web. Cu Page Experience Update, Core Web Vitals a devenit un factor vital de luat în considerare dacă doriți ca site-ul dvs. să se claseze în rezultatele căutării Google.

Când cineva caută pe google un anumit cuvânt cheie, modul în care Google va determina ce site trebuie să arate în partea de sus și pe care în partea de jos. Ei bine, fără îndoială, ia în considerare mai întâi conținutul. Conținutul va domina întotdeauna clasamentele, dar în afară de conținut, Google măsoară și multe alte elemente ale paginii web, cum ar fi cuvintele cheie, utilizarea acestor cuvinte cheie în pagina dvs., backlink-urile și multe altele. Performanța paginii este și una dintre ele. Google măsoară performanța paginii în funcție de elementele vitale web de bază.

În acest articol vom discuta despre Core Web Vitals și despre cum îl puteți optimiza pentru a se clasa mai sus în rezultatele căutării și pentru a obține mai mult trafic.

Ce este Core Web Vitals

Cea mai mare vopsea de conținut, întârzierea primei introduceri și schimbarea cumulativă a aspectului sunt cele trei valori cheie de performanță care alcătuiesc Core Web Vital și măsoară cât de rapid și eficient se încarcă o pagină pentru utilizatori, precum și cât de interactive și stabile sunt elementele site-ului web. rămân pe tot parcursul procesului de încărcare.

Să-l defalcăm în continuare pentru o mai bună înțelegere.

1. LCP (Largest Contentful Paint)

LCP evaluează cât de repede se poate încărca și apărea cel mai mare element al site-ului de deasupra pliului (imagini, video, animații, text etc.).

Un LCP bun este de 2,5 secunde, în timp ce orice între 2,5-4 secunde necesită îmbunătățiri, iar peste 4 secunde este considerat slab de Google.

CELE MAI MARE STATISTICI DE VOPSEA

1. Cel mai mare conținut de vopsea reprezintă 25% din Scorul dvs. de performanță Google Lighthouse.
2. 43% dintre adresele URL de pe dispozitive mobile și 44% dintre cele de pe desktop trec de cel mai mare standard de vopsea de conținut de 2,5 secunde.
3. Conform cercetărilor, site-ul mediu B2B are un scor de cel mai mare conținut de vopsea mobil de 7,05 s, cu mult peste scorul de 2,5 s necesar pentru a primi o notă de trecere.
4. Conform cercetărilor, site-ul mediu de vânzare cu amănuntul are un scor de cel mai mare conținut de vopsea mobil de 9,17 s, cu mult peste scorul de 2,5 s necesar pentru a primi o notă de trecere.

2. FID (întârziere pentru prima intrare)

FID-ul unei pagini este timpul necesar browserului pentru a începe procesarea gestionatorilor de evenimente ca răspuns la prima interacțiune a utilizatorului cu pagina, cum ar fi un clic, atingere.

FID bun este sub 100 ms, în timp ce orice între 100-300 ms necesită îmbunătățiri, iar peste 300 ms este considerat slab.

STATISTICILE PRIMA INTRARE ÎNTÂRZIERE

1. Întârzierea primei introduceri reprezintă 25% din Scorul dvs. de performanță Google Lighthouse.
2. 89% dintre adresele URL de pe dispozitive mobile și 99% din cele de pe desktop îndeplinesc standardul de 100 de milisecunde pentru întârzierea primei introduceri.

3. CLS (schimbarea aspectului cumulat)

CLS este o măsură utilă centrată pe utilizator pentru măsurarea stabilității vizuale, deoarece ajută la cuantificarea frecvenței cu care utilizatorii întâmpină modificări neașteptate de aspect. Acesta este un aspect esențial al măsurării stabilității vizuale.

CLS bun este sub 0,1, în timp ce orice între 0,1 și 0,25 trebuie îmbunătățit, iar peste 0,25 este considerat slab

STATISTICI CUMULATIVE DE MUTERE A DISPOSAREI

1. Schimbarea cumulată a aspectului reprezintă 5% din Scorul dvs. de performanță Google Lighthouse.
2. 46% dintre adresele URL pentru dispozitive mobile și 47% dintre adresele URL pentru computere trec de referință Cumulative Layout Shift de .1.

Acum, de ce Core Web Vitals este important

Un instrument precum Core Web Vitals ajută la creșterea poziției site-ului dvs. în rezultatele căutării. Sunt cruciale, deoarece îi spun Google cât de bine merge un site și unde poate fi îmbunătățit.

Core Web Vitals ridică incontestabil importanța UX ca element de clasare.

Prin urmare, optimizarea pentru Core Web Vitals poate face o diferență enormă dacă concurezi într-un domeniu în care calitatea conținutului este aproape comparabilă, ceea ce înseamnă că, dacă Google trebuie să arate două pagini cu aceeași calitate a conținutului, atunci o va prefera pe cea care are o scor bun Core Web Vitals. Amintiți-vă că nimic nu poate înlocui conținutul de calitate pe site-ul dvs.

Ce are de spus John Mueller de la Google despre Core Web Vitals

Un alt lucru de reținut cu Core Web Vitals este că este mai mult decât un factor de clasare aleatoriu. De asemenea, afectează capacitatea de utilizare a site-ului dvs. după ce acesta se clasează (când oamenii vizitează). Dacă obțineți mai mult trafic (din alte eforturi SEO) și rata de conversie este scăzută, acel trafic nu va fi la fel de valoros ca atunci când aveți o rată de conversie mai mare (presupunând că UX/viteza vă afectează rata de conversie, ceea ce face de obicei).

A avea un Core Web Vitals solid înseamnă mult mai mult decât optimizarea pentru motoarele de căutare, pentru a spune simplu. Fiecare proprietar de site ar trebui să facă un efort pentru a îmbunătăți experiența generală a vizitatorilor.

Chiar dacă conținutul paginii tale este excelent, trebuie totuși să te asiguri că fiecare aspect al site-ului tău web este optimizat pentru a primi un clasament ridicat în motoarele de căutare, astfel încât site-ul tău să fie vizibil pentru publicul țintă. Core Web Vitals subliniază, de asemenea, importanța experienței utilizatorului.

Cum să măsurați Core Web Vitals

Puteți examina Core Web Vitals ale site-ului dvs. cu ajutorul mai multor teste, rapoarte și extensii.

Cele mai importante dintre acestea sunt:

• Evaluarea Core Web Vitals a PageSpeed ​​Insights;
• Raportul Core Web Vitals din Google Search Console;
• Extensia Core Web Vitals Chrome.

1. Evaluarea principală a elementelor vitale web în PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) este împărțit în două secțiuni:

• Determinați ce experimentează utilizatorii dvs. reali (evaluarea Core Web Vitals)
• Identificați preocupările de performanță (date de laborator, scor PSI).

Concentrați-vă pe prima parte pentru a vă îmbunătăți scorul Core Web Vitals. Raportul Field Data include această analiză. Datele pentru acest studiu sunt culese din Raportul despre experiența utilizatorului Chrome (CrUX). Aceste date se bazează pe interacțiunile reale ale utilizatorilor cu site-ul dvs. Google va lua în considerare aceste rezultate de câmp atunci când stabilește clasamentele în motoarele de căutare.

Secțiunea „Diagnosticare” a PSI este, de asemenea, o resursă bună pentru a afla mai multe despre factorii care pot schimba oricare dintre cele trei valori:

PSI ia în considerare valorile utilizatorilor reali și datele de laborator atunci când determină un scor general de optimizare și oferă recomandări de optimizare.

Deși aceste informații sunt utile, sunt colectate într-un mediu controlat folosind dispozitive și rețele specifice în laborator. Cu toate acestea, unii dintre oaspeții site-ului dvs. pot folosi tehnologie învechită sau conexiuni slabe. De aceea, compararea rezultatelor de laborator cu performanța reală a site-ului dvs. nu este o idee bună.

PSI nu oferă întotdeauna un rezumat de câmp.

Atunci când CrUX nu a adunat suficiente date de pe teren, așa cum se întâmplă adesea cu site-urile web mai mici, apar astfel de probleme. Din fericire, există surse suplimentare din care putem colecta date de teren.

2. Raportul Core Web Vitals în Google Search Console

Două noi rapoarte Core Web Vitals, unul pentru mobil și unul pentru desktop, au fost adăugate la Google Search Console (GSC).

Fiecare raport oferă informații cu privire la datele de câmp și performanța grupurilor de adrese URL.

Aceste rapoarte sunt excelente pentru a descoperi probleme comune la mai multe adrese URL. Astfel, veți primi informații pe întregul site web, nu doar despre o pagină.

De exemplu, dacă aveți un număr mare de pagini identice în care cel mai mare element este o imagine, valoarea LCP va fi aceeași pentru fiecare. În această situație, GSC descoperă probleme LCP pe fiecare pagină.

Pe scurt, aceste noi rapoarte GSC sunt cea mai remarcabilă abordare pentru urmărirea performanței Core Web Vitals pe întregul site.

3. Utilizarea Raportului privind experiența utilizatorului Chrome (CrUX) pentru a obține date de câmp

Setul de date CrUX poate fi accesat în următoarele 2 moduri

• API-ul Chrome UX Report - Pentru a accesa acest dezvoltator, trebuie să fie familiarizat cu JavaScript și JSON.
• BigQuery – necesită un proiect Google Cloud și abilități SQL.

Va trebui să depui mai multă muncă decât trecerea unei pagini prin PSI sau GSC. Dar, oferă mai multe opțiuni pentru aranjarea și vizualizarea datelor. BigQuery, de exemplu, are funcționalități pentru tăierea datelor și conectarea cu alte seturi de date.

Încercați ambele strategii dacă aveți resursele și cunoștințele tehnice pentru a le implementa.

Câteva statistici vitale despre Core Web Vitals

1. 56% din primele 100 de domenii desktop trec Core Web Vitals
2. Efect de marcă puternic – mărcile importante se clasează foarte bine chiar și cu performanțe slabe.
3. 61% din top 100 mobile au trecut de Core Web Vitals în februarie 2022
4. În februarie 2022, timpul mediu de încărcare pentru primele 100 de domenii din SUA a fost de 2,38 secunde pe desktop și 2,32 secunde pe mobil – sub pragul rezonabil al Google de 2,5 secunde.
5. În februarie 2022, scorurile medii CLS pentru desktop și mobil au fost de 0,11 și, respectiv, 0,08 – aceasta este prima dată când media CLS pe ​​mobil pentru primele 100 de site-uri a scăzut sub pragul potrivit Google de 0,1.
6. În ianuarie 2020, doar 22% din domeniile desktop și, respectiv, 27% din primele 100 de domenii mobile au trecut de Core Web Vitals. Avanză rapid până în februarie 2022, iar această proporție s-a dublat la 56% pe desktop și 62% pe mobil. Acest lucru arată că domeniile cu cele mai bune performanțe au înregistrat câștiguri semnificative în performanța web.
7. Site-urile Top 100, B2B, Healthcare și Dict/Reference au un LCP mediu de 2,5 secunde sau mai puțin pe ambele dispozitive.
8. În medie, LCP mobil pentru călătorii este de 1,6 ori mai rău decât pentru site-urile de dicționar/referință.
9. În medie, LCP desktop pentru Travel este de 1,5 ori mai rău decât pentru domeniile B2B.
10. Adresele URL din poziția 1 au cu 10% mai multe șanse să treacă o evaluare Core Web Vitals decât adresele URL din poziția 9.
11. De la poziția 1 la poziția 5, există o scădere cu 2% a ratei de promovare a evaluării Core Web Vitals pentru fiecare poziție.

Cum să optimizați Core Web Vitals

Acum că avem o înțelegere fermă a Core Web Vitals și a modului în care acestea funcționează, ne putem îndrepta atenția către câțiva pași recomandați pentru îmbunătățirea Core Web Vitals. Amintiți-vă că rezultatele testelor vă vor dicta pașii pe care trebuie să-i faceți pentru a vă crește scorurile. Prin urmare, este esențial să luați în considerare sfaturile și sugestiile făcute de PageSpeed ​​Insights (sau alte instrumente de testare pe care le utilizați).

Următoarele sunt strategii de bază dovedite pentru a vă crește scorurile Core Web Vitals.

1. Utilizați o rețea de livrare de conținut

Utilizarea CDN îmbunătățește performanța site-ului într-o mare măsură. Site-urile care utilizează CDN se încarcă rapid comparativ. De ce? Deoarece CDN face transferul de date între server și utilizatorul final rapid.

CDN este o rețea vastă de servere interconectate. Puteți stoca conținutul site-ului dvs. pe mai multe servere folosind CDN-ul. Când un utilizator accesează site-ul dvs., cel mai apropiat server din punct de vedere geografic îi redă site-ul, reducând timpul de transfer al datelor.

Cu utilizarea unui CDN, puteți reduce timpii de încărcare LCP ai utilizatorilor. Time-to-First-Byte poate fi, de asemenea, redus cu utilizarea acestuia (TTFB).

2. Optimizarea imaginilor

O altă modalitate de a spori LCP este optimizarea imaginii. Imaginile sunt voluminoase dacă sunt de rezoluție înaltă și este nevoie de o perioadă rezonabilă de timp pentru a se încărca, ceea ce afectează negativ scorul LCP.

Utilizarea imaginilor comprimate face încărcarea mai rapidă. Multe site-uri precum TinyJPG pot reduce dimensiunea unei imagini gratuit, fără a-i afecta calitatea. Imaginile pot fi optimizate în continuare, asigurându-vă că au dimensiunea și dimensiunile corecte.

Prin urmare, este inteligent să vă asigurați că nu utilizați dimensiuni inutile ale imaginii pentru anumite zone de pe site-ul dvs. Includerea atributelor adecvate vă poate ajuta browserul să ofere spațiul ideal pentru părțile paginii dvs., reducând nevoia de schimbări constante de aspect.

Făcând modificări codului sursă, puteți modifica proprietățile de lățime și înălțime ale fișierelor dvs. media.

3. Implementați Lazy Loading

LCP și timpul de încărcare a paginii pot beneficia atât de folosirea încărcării leneșe. Smush este doar un exemplu de mai multe plugin-uri WordPress care oferă încărcare leneșă.

Lazy loading, cunoscută și sub numele de încărcare la cerere, și este o metodă de îmbunătățire a performanței conținutului web.

Încărcarea leneră ajută la încărcarea doar a piesei necesare și întârzie încărcarea restului până când este nevoie de utilizator, spre deosebire de încărcarea în bloc, care încarcă întreaga pagină web deodată și o redă dintr-o singură mișcare.

4. Optimizați fonturile site-ului dvs

Fonturile pe care le utilizați pe site-ul dvs. pot afecta timpul de încărcare în același mod în care o fac imaginile. Acest lucru se datorează faptului că fiecare combinație de greutate a fontului necesită browser-ului să încarce întreaga familie de fonturi.

Optimizarea fonturilor web este o modalitate simplă de a crește viteza site-ului dvs. Acest lucru se datorează faptului că fonturile web optimizate ocupă mai puțin spațiu pe computerul unui utilizator și se încarcă mult mai rapid.

Pe de altă parte, dacă fontul web relevant nu s-a încărcat încă, este posibil ca browserul să nu redea automat componentele text. Cu toate acestea, trecerea la fonturi alternative poate duce la modificări nedorite de aspect, scăzând scorul CLS.

Fiți atenți când decideți asupra unui font pentru site-ul dvs. Cel mai bine este să utilizați fonturi globale pentru a aplica în mod selectiv tipurile și greutățile necesare dacă utilizați mai mult de două fonturi, în loc să aplicați fiecare pe fiecare element. Folosind această metodă, puteți restricționa descărcările de fonturi la cele strict necesare pentru conținut.

5. Actualizați-vă găzduirea WordPress

Dacă timpul de încărcare a site-ului este prea lung, ar putea fi o indicație de a schimba planul de găzduire. Schimbarea găzduirii dvs. de la partajat la dedicat poate stimula FCP într-o mare măsură.

În loc să alegeți cel mai ieftin, alegerea celui mai bun site de găzduire care oferă toate caracteristicile de care aveți nevoie este o decizie înțeleaptă. Calitatea serviciilor oferite de gazda dvs. WordPress este crucială pentru succesul site-ului dvs. web. Are consecințe de amploare, de la timpul de încărcare a paginii până la siguranță. Mai ales dacă aveți un site web mare sau sofisticat, acesta nu este un loc pentru a tăia colțuri. În schimb, actualizarea furnizorului sau a planului de găzduire este una dintre cele mai rapide, dar cele mai puternice strategii pentru a vă optimiza site-ul și a îmbunătăți timpul de încărcare.

Pentru găzduire, citiți: Bluehost Review

6. Eliminați resursele care blochează randarea

Paginile de site nu pot fi redate fără fișierele HTML, CSS și JavaScript însoțitoare. Toate aceste fișiere includ scripturi care ar putea interzice oamenilor să acceseze lucrurile pe care încearcă să le vadă.

Cu toate acestea, puteți preveni ca aceste scripturi să vă afecteze negativ UX (și, la rândul lor, să contribuiți la creșterea Core Web Vitals) prin eliminarea resurselor care blochează randarea și a oricăror CSS sau scripturi care nu sunt necesare.

Există numeroase metode pentru a realiza acest lucru. Primul este să eliminați orice spații sau comentarii suplimentare din JavaScript și CSS. În plus, puteți reduce dimensiunea JavaScript și CSS prin îmbinarea fișierelor.

7. Amână încărcarea JavaScript

Este o altă modalitate de a elimina elementele care blochează randarea, oferind FID un impuls semnificativ.

Acest lucru face ca paginile web să se încarce rapid prin blocarea încărcării fișierelor JavaScript.

Încarcă alt conținut al paginilor dvs., în loc să aștepte ca fișierele JS să se încarce. În plus, vă puteți configura site-ul pentru a încărca rapid scripturi CSS critice care apar deasupra pliului. Puteți realiza acest lucru extragând materialul din fișierul CSS primar și introducându-l în codul site-ului dvs.

8. Implementați stocarea în cache a conținutului.

Când vine vorba de îmbunătățirea experienței utilizatorului, memorarea în cache inteligentă a conținutului este unul dintre cele mai puternice instrumente de care dispuneți. Tehnica centrală de livrare a conținutului a protocolului HTTP utilizează stocarea în cache sau stocarea temporară a conținutului din solicitările anterioare. Dacă politicile de stocare în cache ale conținutului o permit, componentele din orice punct din lanțul de livrare pot stoca copii ale acestuia pentru a accelera solicitările ulterioare.

Memorarea în cache ajută foarte mult la îmbunătățirea Core Web Vital Scores.

9. Preîncărcați imaginile eroilor

Imaginile Hero sunt, de obicei, cel mai important element care apare deasupra conținutului foldului. Deci, dacă se încarcă mai repede, atunci UX-ul general este mult îmbunătățit. LCP poate fi redus drastic prin utilizarea atributului de link „rel=preload” , care este util în special pentru imaginile eroilor încărcate cu CSS sau JavaScript.

10. Evitați să acordați prioritate reclamelor sau ferestrelor pop-up față de alt conținut.

Un scor CLS scăzut este rezultatul schimbării conținutului pe o pagină cauzată de adăugarea de conținut în partea de sus.

Acordați spațiu pentru reclame, cadre iframe și alte forme de conținut dinamic.

Nealocarea unui spațiu specific pentru ei este o modalitate sigură de a perturba aspectul, la fel ca în cazul imaginilor și videoclipurilor. Pentru a evita revărsarea conținutului dintr-un container, utilizați proprietatea overflow: hidden și alegeți un container cu dimensiunea adecvată.

11. Despărțiți sarcinile lungi

Aceasta trebuie să fie prioritatea ta principală. Când sarcinile lungi întârzie Thread-ul principal, acesta nu poate reacționa prompt la solicitările utilizatorului. Performanța site-ului poate fi îmbunătățită semnificativ prin descompunerea acestora. Acest lucru reduce FID și îmbunătățește UX

12. Opriți sau amânați rularea oricăror scripturi terțe care nu sunt necesare

Scripturile dvs. de site-uri web pot să nu ruleze la timp dacă sunt în conflict cu cele ale unei terțe părți. Luați în considerare ce scripturi sunt cele mai utile pentru utilizatorul final și acordați-le prioritate mai mare. Scripturile publicitare și pop-up nu ar trebui să fie în partea de sus a listei.

Cum se descurcă primele 10 domenii din SUA în ceea ce privește valorile vitale web de bază, bazate pe Searchmetrics SEO Visibility.

Toate valorile și dacă domeniul trece sau nu de Core Web Vitals sunt raportate lunar la nivel de domeniu. În februarie 2022, 75% din toate încărcările paginilor de pe desktop Wikipedia au durat mai puțin de 1,1 secunde, iar domeniul a obținut 0 atât în ​​FID (exprimat în milisecunde) cât și în CLS, depășind Core Web Vitals.

Top 10 pentru CWV-uri pentru dispozitive mobile pe baza valorii Searchmetrics SEO Visibility .

Acolo unde a fost posibil, a fost folosită o versiune mobilă a unui domeniu. Cu toate acestea, acest lucru depinde în principal de colectarea datelor CrUX. O pondere mai mare a site-urilor mobile trece Core Web Vitals decât desktop.

Concluzie

Core Web Vitals este un schimbător de jocuri pentru îmbunătățirea experienței web pentru toată lumea. Aceste măsurători vor continua să fie incluse în sistemul de clasare al Google.

De aceea este esențial să fii cu ochii pe ele chiar dacă nu vezi nimic în neregulă.

Pentru a menține un site web de succes, îmbunătățirea constantă a experienței utilizatorului este crucială. Datorită disponibilității numeroaselor instrumente și plugin-uri utile, acest proces poate fi mult mai simplu și mai ușor decât ar fi altfel. Sau dacă ți se pare descurajantă, poți angaja un dezvoltator care să facă asta pentru tine.