Google PageSpeed ​​Insights vs. Lighthouse: care măsoară cel mai bine performanța site-ului?

Ce este viteza paginii?

Viteza paginii este intervalul de timp dintre momentul în care un browser trimite o solicitare de acces la o pagină și momentul în care pagina redă conținutul. Paginile sunt compuse din multe componente vizibile și invizibile (imagini, text, trackere, plugin-uri etc.) cu timpi de încărcare și scopuri ale utilizatorului diferiți. Google descompune viteza paginii în valori specifice care măsoară etapele de încărcare, cum ar fi prima vopsire cu conținut și timpul de interacțiune.

Viteza paginilor fluctuează pe măsură ce site-ul dvs. crește, tehnologia se schimbă și standardele web evoluează. Poate afecta modul în care vizitatorii vă folosesc site-ul și chiar dacă efectuează conversie. Astfel, urmărirea vitezei paginilor ar trebui să fie o parte fundamentală a procesului obișnuit de monitorizare a sănătății site-ului.

Dar care este cel mai bun instrument de urmărire a vitezei paginii?

Google oferă două opțiuni oficiale: Google PageSpeed ​​Insights și Lighthouse. Ambele sunt instrumente gratuite și puternice, concepute pentru a ajuta specialiștii în marketing digital și dezvoltatorii să-și optimizeze viteza paginii site-ului web - cu câteva diferențe cheie între ele. Să comparăm PageSpeed ​​Insights cu Lighthouse și să discutăm despre ceea ce trebuie să știți despre urmărirea și îmbunătățirea vitezei paginii.

Ce este Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) este un instrument gratuit care măsoară valorile vitezei paginii pe desktop și dispozitive mobile, utilizând atât date reale, cât și date de laborator. Datele din lumea reală (numite și „date de câmp”) sunt un agregat de 28 de zile extras din Raportul despre experiența utilizatorului Chrome, în timp ce datele de laborator sunt calculate folosind API-ul Lighthouse.

PSI este ușor de utilizat pentru oricine: trebuie doar să accesați https://pagespeed.web.dev/, să introduceți o adresă URL și să așteptați câteva momente pentru ca API-ul să genereze un raport. Veți putea vedea cum se compară adresa URL cu Core Web Vitals de la Google, veți putea evalua valorile detaliate de viteză și veți primi o evaluare generală a performanței site-ului.

Evaluarea performanței este a media ponderată a fiecărui scor de viteză. Este ca o notă generală, dar nu este o măsurătoare finală. Procentele din paranteze de mai jos indică ponderea acordată fiecărei valori atunci când se calculează Evaluarea performanței.

• Prima vopsea satisfăcătoare: (10%) Cât timp durează până când prima imagine sau bloc de text se încarcă complet.
• Index de viteză: (10%) timpul mediu necesar pentru încărcarea conținutului vizibil până când ecranul este complet.
• Cea mai mare vopsea plină de conținut: (25%) Cât durează până când cea mai mare imagine sau bloc de text se încarcă complet.
• Timp pentru interactiv: (10%) Cât durează o pagină pentru a deveni complet interactivă.
• Timp total de blocare: (30%) Diferența de timp dintre First Contentful Paint și Time to Interactive în care o pagină este blocată de la intrarea utilizatorului. (Cu alte cuvinte, diferența de timp dintre momentul când ceva apare pentru prima dată pe ecran și când utilizatorul poate face clic pe el.)
• Schimbare cumulativă a aspectului: (15%) O măsură a modificărilor neașteptate ale aspectului, adică încărcarea neregulată a conținutului care reorganizează sau mută alt conținut în sus sau în jos pe pagină.

Nu vă îngrijorați prea mult dacă Evaluarea performanței site-ului dvs. nu este perfectă sau dacă unele dintre valorile dvs. par scăzute. Valorile vitezei pot fluctua în funcție de câțiva factori care nu sunt controlați. Rețineți că aceste valori sunt un agregat de date și experiențele reale vor varia de la utilizator la utilizator.

Acestea fiind spuse, vă puteți maximiza Evaluarea performanței și îmbunătăți viteza paginii concentrându-vă pe secțiunile „Oportunități și diagnosticare” din partea de jos a raportului. Aceste secțiuni conțin recomandări pentru acțiuni specifice care pot îmbunătăți valorile vitezei, deși pot necesita ajutorul unui dezvoltator web SEO pentru implementare.

Ce este Google Lighthouse?

Google Lighthouse este un instrument gratuit, open-source, care poate efectua audituri ale site-ului pentru a măsura multe valori diferite. Pe lângă evaluarea vitezei paginii, Lighthouse poate evalua cât de bine se potrivește un site cu standardele moderne de dezvoltare web, nivelul de accesibilitate, accesarea cu crawlere și multe altele.

Lighthouse folosește exclusiv date de laborator, ceea ce înseamnă că auditurile sunt desfășurate într-un mediu controlat, predefinit - nu sunt colectate din datele reale ale utilizatorilor.

Există câteva moduri diferite de a accesa testul de viteză Google Lighthouse. Cel mai simplu mod pentru non-dezvoltatori de a folosi Lighthouse este prin extensia de browser Chrome, deși extensia nu poate audita paginile cu autentificarea prin cookie-uri singură. Dezvoltatorii pot folosi Chrome DevTools pentru acces complet.

Raportul dvs. Lighthouse va include informații despre:

• Performanță: Auditurile de performanță măsoară toate aceleași valori ale vitezei ca PSI, plus oferă date de dezvoltare mai detaliate.
• Cele mai bune practici: Auditurile celor mai bune practici analizează „sănătatea codului” generală a unui site în comparație cu standardele moderne de dezvoltare, inclusiv standardele de securitate.
• Accesibilitate: este imposibil să distilați accesibilitatea web într-un singur scor, așa că auditurile de accesibilitate caută diverse oportunități de îmbunătățire în design, interfețe cu utilizatorul, limbaj, dezvoltare și alte domenii.
• SEO: Auditurile de optimizare a motoarelor de căutare (SEO) oferă un test de bază pentru a verifica dacă motoarele de căutare vă pot accesa cu crawlere pagina.
• Aplicație web progresivă: dacă site-ul dvs. este o aplicație web progresivă, acest audit măsoară viteza generală, fiabilitatea și instalabilitatea acestuia.

Ce sunt pachetele Lighthouse Stack?

Pachetele de stivă sunt una dintre cele mai recente caracteristici ale Lighthouse. Cu pachetele de stivă, dezvoltatorii pot vizualiza recomandări bazate pe stive, în funcție de stivele pe care le folosește o pagină. Aceste recomandări sunt mai relevante decât recomandările generale standard oferite de Lighthouse, care nu sunt compatibile cu fiecare instrument și platformă. Noi pachete de stivă sunt lansate frecvent, așa că vizitați depozitul oficial Github pentru a afla mai multe.

Google PageSpeed ​​Insights vs. Lighthouse

Google PageSpeed ​​Insights combină datele reale de utilizatori și de laborator pentru a oferi o imagine de ansamblu detaliată și ușor de înțeles asupra vitezei unei pagini. Lighthouse este axat pe dezvoltatori și colectează date de laborator din audituri care acoperă totul, de la viteza de încărcare a paginii la securitatea web. Ambele oferă recomandări de îmbunătățire.

Google PageSpeed ​​Insights vs. Lighthouse: Prezentare generală

Când să utilizați Google PageSpeed ​​Insights

Utilizați PSI dacă doriți o înțelegere clară a vitezei unei adrese URL și recomandări specifice de îmbunătățire pentru a vă implementa sau a le transmite unui dezvoltator.

Când să folosiți Google Lighthouse

Folosiți Lighthouse dacă sunteți dezvoltator (sau non-dezvoltator cu anumite cunoștințe despre dezvoltatori) și doriți să vă aflați în profunzime în multe valori diferite ale site-ului, dincolo de viteza paginii. Stack Packs pot ajuta la furnizarea de recomandări mai personalizate decât cele standard oferite de Lighthouse.

Vrei cele mai bune date? Folosiți atât PageSpeed ​​Insights, cât și Lighthouse

PSI și Lighthouse au fiecare puncte forte și limitări - dar sunt cele mai eficiente atunci când sunt utilizate împreună pentru a construi o imagine completă a site-ului dvs.

În timp ce Lighthouse oferă o imagine mai largă a datelor, PageSpeed ​​Insights vă oferă o privire mai realistă asupra modului în care paginile web funcționează pentru utilizatorii reali. Utilizați ambele pentru a obține recomandări pentru îmbunătățirea front-end-ului și back-end-ului site-ului dvs. Cu cât aveți mai multe date la dispoziție, cu atât ajustările site-ului dvs. vor fi mai eficiente.

Profitați la maximum de instrumentele Google cu cartea noastră electronică gratuită

Dacă eliminați un lucru din acest articol, ar trebui să fie că viteza paginii este importantă - și mult mai complexă decât pare la suprafață. Așa cum nu există doar o modalitate de a crește viteza unui site, nu există o singură modalitate de a crește performanța motorului de căutare a site-ului dvs. - sau chiar și cel mai bun instrument Google pentru a urmări datele.

Optimizarea site-ului dvs. implică jonglarea cu o mulțime de date și navigarea în instrumente complicate. Pentru a face lucrurile mai puțin complicate, descărcați cartea noastră electronică gratuită, Google Tools for SEO .

Un ghid pentru instrumentele Google pentru SEO

Descărcați acest ghid pentru a afla cum să utilizați cât mai bine instrumentele gratuite și puternice oferite de Google pentru a vă îmbunătăți procesele și performanța SEO.