Cum să analizați rezultatele din Google PageSpeed ​​Insights

Pe măsură ce Google va oferi un impuls în clasament site-urilor care sunt rapide, probabil că doriți să înțelegeți mai multe despre informațiile Google PageSpeed?

… Și nu sunt surprins pentru că este confuz!

Acest articol vă va ajuta.

De ce este importantă viteza paginii site-ului?

Google dorește să ofere utilizatorilor cea mai bună experiență posibilă.

Dacă site-ul dvs. este lent, va frustra utilizatorii și va crea o experiență proastă pentru utilizator. E simplu așa. Performanța influențează experiența.

Google a anunțat recent că elementele vitale web de bază vor fi utilizate ca parte a algoritmului lor de clasare în 2021. Aceste elemente vitale web de bază sunt indicatori ai vitezei și cât de repede pot interacționa oamenii cu pagina dvs.

Practic, pentru acest tabel de mai jos nu poți fi „roșu”

Ce este Google PageSpeed ​​Insights?

Este un instrument gratuit oferit de Google care vă permite să introduceți adresa URL a unei pagini web și să rulați rapid un test pentru a verifica diferitele valori legate de performanță.

Instrumentul oferă paginii dvs. un scor cuprins între 0 și 100 de puncte. Scorul nu este chiar despre viteză. Puteți obține un scor îmbunătățit dacă ați folosit recomandările tipice de la Google despre îmbunătățirea vitezei.

De asemenea, vă arată parametrii exacti care vă încetinesc pagina, precum și sugestii despre cum să o îmbunătățiți.

Aici lucrurile devin tehnice și rezultatele un pic greu de înțeles.

Cum interpretezi rezultatele?

Primul lucru pe care îl vedeți după rularea unui test este scorul de performanță (desktop și mobil) pentru pagina analizată.

Acesta va fi un număr între 0 și 100.

• 0 la 49 – Acest lucru este rău, nu vrei ca scorul tău să fie de 49 sau sub
• 50 până la 89 – Acest lucru este în regulă, dar este loc de îmbunătățire
• 90 la 100 – Dacă ești în această scară, ești în cărțile bune.

Pe măsură ce derulați în jos, veți vedea ce cauzează un scor mare sau scăzut:

Notă: vezi indicatorii de culoare înainte de fiecare secțiune:

• Verde înseamnă rapid
• Portocaliu înseamnă moderat
• Roșu înseamnă lent

Iată ce înseamnă fiecare dintre aceste secțiuni:

Prima vopsea plină de conținut

Acesta este timpul necesar de la navigare la o pagină din browser până la momentul în care începe să fie randat conținutul.

Practic, este un indicator că pagina începe să se încarce.

De exemplu, ar putea fi doar o schimbare de culoare care este culoarea de fundal a paginii, o imagine afișată sau o bucată de text.

Acest lucru este important deoarece atunci când un utilizator vede o acțiune, este mai probabil să aștepte până când pagina este complet încărcată.

Ghid:

E timpul să interactivezi

Acest parametru arată cât de repede o pagină devine interactivă.

Aceasta înseamnă că pagina afișează suficiente elemente pe ecran, astfel încât utilizatorii să poată interacționa efectiv cu ea, de exemplu, faceți clic pe un buton de meniu.

Uneori, site-urile web se pot concentra pe vizibilitate, adică să afișeze totul înainte de a putea interacționa cu conținutul, ceea ce poate fi frustrant pentru utilizator.

Ghid:

Timp total de blocare

Există un decalaj între momentul în care vizitatorul site-ului dvs. vede conținutul pe ecran și momentul în care poate interacționa cu acesta.

Acesta este timpul total de blocare!

Este bine de știut dacă oamenii nu pot face lucruri precum clic de mouse, apăsări de ecran sau apăsări de cuvinte cheie înainte ca site-ul web să fie interactiv.

Sarcinile lungi sunt sarcini care te blochează mai mult de 50 ms.

Orice depășește 50 ms este considerat timp de blocare.

Dacă nu există sarcini lungi, veți vedea 0 timp de blocare, ceea ce vedeți în statisticile de mai sus.

Schimbare cumulativă a aspectului

O schimbare de aspect este atunci când un element vizual este afișat pe ecran, dar apoi se mișcă.

Deci, de exemplu, citiți știrile și există o schimbare de aspect, astfel încât locația în care este articolul de știri s-a schimbat.

Acesta este un comportament neașteptat din perspectiva unui utilizator.

Cu cât scorul este mai mare, cu atât este mai rău.

Indicele de viteză

Acesta este unul dificil de înțeles, dar unul valoros.

Așa că imaginați-vă 2 site-uri web care s-au încărcat ambele în 1,5 secunde.

Dacă ați răsfoi cele 2 site-uri web afișate în imaginea de mai sus, care s-ar încărca mai repede?

Ambele s-au încărcat complet în 1,5 secunde, dar pentru că primul site a început să afișeze câteva elemente mai devreme, utilizatorului i s-a părut a fi mai rapid.

Dacă măsori doar timpul de încărcare, acestea sunt aceleași.

Indicele de viteză este un scor calculat bazat pe cât de „rapid” se încarcă complet un site web.

O înregistrare video a încărcării este utilizată pentru a arăta vizual când sunt încărcați biții.

La diferite intervale, cantitatea de conținut vizibilă pe ecran (deasupra pliului) este comparată cu conținutul afișat pe un site web complet încărcat pentru a calcula procentul de conținut afișat pentru acel moment.

Acest proces se repetă de câteva ori.

Ora se bazează numai pe ceea ce utilizatorul poate vedea pe ecran (portul de vizualizare). Nu contează ce se află sub pliul.

Deci... este bine să încerci cu diferite ferestre de vizualizare.

Dacă aveți 2 site-uri web și unul arată elemente vizuale înaintea celuilalt, va avea un scor mai mic al indicelui de viteză.

Cu cât mai jos, cu atât mai bine.

Cea mai mare vopsea Contentful

Acesta este timpul necesar pentru redarea completă a celui mai mare element al paginii.

Pe măsură ce pagina se încarcă, primul element devine cel mai mare element, dar acesta este înlocuit pe măsură ce sunt adăugate elemente mai mari.

Ultimul element al unei pagini poate fi cel mai mare element al paginii (de exemplu, o imagine mare) sau poate să nu fie.

Notă: nu vorbim de cât spațiu ocupă pe ecran.

Iată 2 exemple.

Perioada de la momentul în care site-ul a început să se afișeze și până la momentul în care a fost afișată ultima imagine de pe pagină ar fi considerată cea mai mare vopsea de conținut. Acest lucru se datorează faptului că imaginea ocupă cele mai multe imobile de pe pagină!

Dar…

În cazul de mai jos, imaginea „Instagram” a fost cea mai mare imagine afișată, așa că cea mai mare vopsea de conținut este atunci când a fost încărcat ultimul ecran.

Ultimul ecran este redus. Tot ceea ce a fost adăugat la acel ecran a fost „butonul Google Play”, care era o imagine mai mică decât cea „Instagram”.

Potrivit Google, dacă doriți să oferiți o experiență bună pentru utilizator, LCP ar trebui să aibă loc în 2,5 secunde de când pagina începe să se încarce pentru prima dată.

Ghid:

Oportunități

Secțiunea Oportunități vă arată sugestii care ar putea ajuta la îmbunătățirea timpului de încărcare a paginii.

Fiecare sugestie vă arată, de asemenea, reducerea estimată a timpului de încărcare a paginii dacă ați implementat recomandarea.

Diagnosticare

Diagnosticarea evidențiază cele mai bune practici în dezvoltarea web pe care ar trebui să luați în considerare implementarea.

Cu toate acestea, chiar dacă aduceți aceste îmbunătățiri, acestea nu vor afecta direct scorul de performanță al paginii dvs.

rezumat

Îmbunătățirea vitezei site-ului dvs. înseamnă a oferi vizitatorilor o experiență mai bună. Având un site care se încarcă rapid, atât utilizatorii, cât și motoarele de căutare sunt mai fericiți, dar vă afectează și capacitatea de a converti vizitatorii în clienți.

Un instrument precum Google PageSpeed ​​Insights este incredibil de util, deoarece vă arată de unde să începeți și pe ce probleme să vă concentrați pentru a vă îmbunătăți performanța site-ului.

Sperăm că acest articol v-a ajutat să înțelegeți cum funcționează acest instrument și ce înseamnă de fapt rezultatele testelor, astfel încât să puteți începe să vă optimizați paginile web pentru a crea o experiență uimitoare pentru vizitatorii dvs.