Indicele vitezei: ce este și cum să vă optimizați site-ul web pentru acesta

Indicele de viteză (SI) este o valoare interesantă atunci când se ia în considerare viteza paginii. Este absolut o indicație a performanței paginii dvs., dar este complet diferită de alte valori centrate pe utilizator, cum ar fi First Contentful Paint și Largest Contentful Paint. SI indică cât de repede se încarcă site-ul dvs. deasupra paginii. Sau altfel spus, atunci când tot conținutul din fereastra utilizatorului este complet vizibil. Când vă uitați la timpii de încărcare a paginii dvs., nu veți fi probabil penalizați sau recompensați pentru indicele dvs. de viteză. Acesta nu este un motiv pentru al ignora. Ca o singură valoare, este una dintre puținele care cuprinde multe alte valori și vă poate oferi o idee solidă despre viteza, eficiența și performanța generală a site-ului dvs.

Abonați-vă la canalul nostru Youtube

Ce este Speed ​​Index?

Lighthouse, coloana vertebrală Google pentru PageSpeed ​​Insights, analizează mai multe valori de performanță pentru a vă califica site-ul. Indicele de viteză (SI) este unul dintre acestea, iar raportul va afișa timpul în secunde, mai degrabă decât în ​​milisecunde, ca și în cazul altor valori. Google definește SI ca „cât de repede se conține vizibil conținutul unei pagini”.

Destul de direct, nu?

Speed ​​Index nu ia în considerare scripturile back-end sau alte încărcări care nu sunt pictate. Totuși, îl afectează. SI este pur și simplu o măsură a timpului necesar utilizatorilor pentru a vedea conținutul dvs. integral. Acesta este kickerul. În întregime . In timp ce alte valori , cum ar fi LCP sunt măsurate în când este afișată cea mai mare parte a conținutului, Indexul de viteză conturi pentru orice fel de conținut care trebuie să fie afișată este de fapt.

Aceasta nu este o măsură a vitezei totale a paginii. Acest lucru ține cont atunci când browserul redă toate elementele. Inclusiv scripturi și elemente nevizibile care afectează performanța. Cu toate acestea, dacă doriți un indicator bun al momentului în care utilizatorii percep pagina încărcată complet , SI este metrica de urmărit. Datorită modului în care este centrat pe utilizator, SI poate fi un bun indiciu al stării generale a site-ului, precum și o linie de bază pentru experiența utilizatorului site-ului dvs. (UX).

Cum se măsoară indicele de viteză

Ca și în cazul majorității valorilor privind performanța site-ului, unul dintre instrumentele de top de utilizat este PageSpeed ​​Insights de la Google. Acest instrument este și unul dintre cele mai deosebite în rezultatele pe care le returnează. Este relativ critic chiar și pentru cele mai bine amenajate site-uri. PageSpeed ​​Insights oferă cel mai adesea date de laborator pentru site-ul dvs., pe baza unui total al ultimelor 28 de zile de colectare. Cu toate acestea, dacă aveți destui vizitatori care retransmite informații către Google prin Chrome, puteți obține și date din câmpul real din raport. Totuși, nu orice site poate obține acest lucru.

După cum puteți vedea, viteza pentru multe dintre aceste valori este pe verde. Acest lucru indică faptul că sunt „buni”. Acesta este, evident, locul în care doriți site-ul dvs. Cu toate acestea, indicele de viteză este de 4,0 secunde și portocaliu. Este o perioadă lungă de timp pentru ca utilizatorul să aștepte pentru a vedea totul deasupra pliantei.

Ce este un scor bun al indicelui de viteză?

PageSpeed ​​Insights folosește următoarele scoruri pentru a clasifica indexul de viteză al site-ului și pentru a-l codifica corespunzător:

• Verde (bun) - 0 la 3,4 secunde
• Portocaliu (moderat) - 3,4 până la 5,8 secunde
• Roșu (lent) - peste 5,8 secunde

După cum am spus mai devreme, PageSpeed ​​Insights este foarte critic în măsurătorile sale. Dacă sunteți în portocaliu sau roșu, vă recomandăm să utilizați un instrument precum GTmetrix sau Pingdom's Speed ​​Test pentru a vedea ce arată datele lor în timp real. Considerăm că este mai bine să vă testați site-ul folosind mai multe instrumente în momente diferite pentru a obține cea mai bună imagine a performanței generale.

Cum să vă optimizați scorul indexului de viteză

Puteți face o serie de pași pentru a vă optimiza scorul indicelui de viteză. Dacă ați încercat fiecare să vă optimizați site-ul pentru orice fel de creștere a vitezei paginii (sau, din punct de vedere tehnic, scădere), atunci probabil că v-ați afectat într-un fel și scorul SI. Vă vom arăta câteva moduri de a viza în mod specific timpul dvs. de SI, astfel încât pagina dvs. să se încarce cât mai repede posibil pentru a oferi vizitatorilor dvs. cea mai bună experiență posibilă.

Reduceți resursele de blocare a randării

Mai precis, reducerea timpului de execuție JavaScript este una dintre cele mai importante modalități de a crește scorul indicelui de viteză. Resursele de blocare a randării sunt scripturi și cod care împiedică încărcarea altor părți ale site-ului dvs. web, având prioritate. În loc ca site-ul să încarce simultan diferite elemente, unele elemente le întrerup pe toate celelalte până când sunt terminate.

Și asta scade indicele de viteză al site-ului dvs. Pentru a rezolva acest lucru, puteți amâna orice număr de scripturi și biți de cod care se încarcă până după ce elementele vizibile au pictat în DOM. Identificarea vinovaților este de fapt relativ ușoară, deoarece puteți utiliza instrumentele Chrome Dev pentru a arunca o privire asupra site-ului dvs. pe măsură ce se încarcă, iar instrumentul va indica ceea ce oprește redarea elementelor.

În plus, utilizatorii WordPress pot utiliza un plugin de cache (sau un plugin de optimizare a site-ului), cum ar fi W3 Total Cache sau WP Rocket, pentru a gestiona acest lucru. Adesea, aceste pluginuri au o comutare simplă pentru a amâna resursele de blocare a redării.

De asemenea, utilizatorii Divi au un avantaj major pentru blocarea acestor resurse, deoarece opțiunile temei vă permit să comutați amânarea CSS care blochează redarea, precum și scripturile jQuery. Mai mult decât atât, caracteristicile CSS critice ale temei descompun bucăți mari de cod care pot întârzia conținutul site-ului dvs. și le pot face să se încarce mult mai repede decât ar face altfel. În timp ce unele dintre acestea sunt comutatoare, Divi le permite automat altora. Instalarea Divi ar trebui să vă ajute imediat scorul SI în majoritatea cazurilor.

Reducerea activității site-ului dvs. principal

La fel ca resursele de blocare a redării, puteți bloca performanța site-ului dvs. încărcând diferite elemente care ocupă multă putere de procesare de pe server. Reducerea acestora poate ajuta la împingerea site-ului către browser mai rapid.

Cea mai simplă soluție pentru aceasta este să nu mai folosiți atât de mult JavaScript . GTmetrix pune cel mai bine:

În general, cu cât pagina dvs. are mai mult JavaScript, cu atât este mai lung procesul de analiză / compilare; rezultând o așteptare mai lungă pentru ca utilizatorii să vadă conținutul și să interacționeze cu pagina dvs.

Recunoaștem că acest lucru s-ar putea să nu fie ușor. Ați proiectat site-ul pentru a funcționa într-un anumit mod. Cu toate acestea, ar putea exista cod neutilizat pe care îl puteți acciza și este posibil să puteți optimiza orice JavaScript terță parte pe care îl încărcați pe site-ul dvs. De asemenea, reduceți JavaScript.

În partea de sus a auditului JS, asigurați-vă că reduceți CSS și HTML. Acest lucru va atenua și mai multă tensiune a firului principal. Pluginurile de cache și optimizare au adesea și aceste opțiuni.

Utilizatorii Divi, încă o dată, au un pic aici, deoarece tema se micșorează automat și împarte CSS și JavaScript în bucăți de dimensiuni mușcate pentru un randament mai rapid, eliminând nevoia de tone de focalizare din firul principal.

Indice de viteză Întrebări frecvente

Speed ​​Index este un concept simplu care are ramificații complexe. Vrem să răspundem la câteva întrebări frecvente despre SI pentru a vă ajuta să vă optimizați cât mai bine site-ul.

Cum se încadrează indicele de viteză în performanța generală a site-ului meu web?

Indicele de viteză, ca o singură valoare, este o indicație foarte bună a performanței site-ului dvs. web în mai multe domenii diferite. Deoarece ia în considerare conținutul complet vizibil, de peste ori, îl puteți folosi ca un indicator pentru încărcarea percepută de utilizator nu numai, ci și pentru o estimare aproximativă a ceea ce face site-ul dvs. în mai multe zone diferite.

De fapt, nu vă oferă multe informații pe cont propriu în ceea ce privește ceea ce face site-ul dvs. web. Poate fi văzută ca o măsură captivantă care, pentru GTmetrix, îl consideră „un reper general util pentru evaluarea performanței site-ului dvs. web în întregime”.

Ar trebui să mă concentrez asupra scorului indicelui de viteză în mod specific?

Probabil că nu, nu.

Deși este foarte util să vă comparați site-ul, să vă concentrați asupra altor probleme mai granulare, cum ar fi First Contentful Paint (FCP), Largest Contentful Paint (LCP), Time to First Byte (TTFB) și First Input Delay (FID) sunt mult mai important. Puteți lua orice număr de pași pentru a le îmbunătăți individual, ceea ce va îmbunătăți, la rândul său, indicele de viteză. Și atunci când este luat ca punct de referință general, puteți vedea cât de bine funcționează optimizările dvs. prin SI.

Concluzie

Optimizarea vitezei de pagină este o luptă nesfârșită pe care o duc proprietarii de site-uri web. Trebuie să găsiți un echilibru între utilizabilitate, experiență și performanță, iar găsirea acestui echilibru poate fi dificilă. Când testele returnează atât de multe scoruri diferite pe atât de multe elemente diferite, poate fi greu să știi unde să-ți pui energia și resursele. Speed ​​Index vă poate ajuta, ca o singură valoare care vă arată cât de bine merge site-ul dvs. pe măsură ce ajustați alte părți mai specifice ale performanței site-ului dvs.

Ce ați făcut pentru a optimiza indicele de viteză al site-ului dvs. de-a lungul anilor?

Imagine prezentată de articol de HappyDrawing / shutterstock.com