Cum funcționează testele de viteză a site-ului web

Actualizat: 2022-08-19 / Articol de: Timothy Shim

S-ar putea să fiți familiarizat cu zicala că „o imagine valorează cât o mie de cuvinte”. Ei bine, se dovedește că o singură secundă valorează aproximativ 3.4% din conversii pentru site-ul tău. Aceasta este o cantitate masivă de afaceri pierdute din cauza încărcării lente a paginilor. 

Deci, cum puteți determina dacă site-ul dvs. se încarcă suficient de repede? Viteza site-ului Testele sunt o modalitate excelentă de a afla, dar există o mulțime de teste diferite pe care le puteți folosi.

Acest articol vă va oferi informații despre rularea corectă a testelor de viteză, interpretarea rezultatelor și utilizarea informațiilor pentru a îmbunătăți viteza site-ului dvs.


Site-ul dvs. web poate susține încărcarea traficului intens?
O modalitate de a afla: testează-ți site-ul web cu mii de conexiuni simultane folosind Loadview. Nu de codificare necesar, 30 de zile de încercare gratuită, testare pe peste 40 de browsere și dispozitive reale și credit gratuit de testare de 20 USD acum > Click aici

Cum să testați corect viteza site-ului

Puteți folosi multe instrumente pentru a rula un test de viteză a site-ului web. Unele vă vor oferi o mulțime de informații, iar altele s-ar putea să nu vă ofere suficiente. Cea mai bună modalitate de a obține cele mai precise rezultate este să utilizați câteva instrumente sau să rulați mai multe teste prin aceleași mijloace. 

Latența explicată
Timpul de călătorie a datelor este limitat de distanța fizică. Timpul efectiv de răspuns al serverului variază pentru diferite locații ale serverului.

Este important să rețineți că rezultatele depind adesea de dvs server de web amplasarea în raport cu punctul de origine al testului. Cu cât acestea două sunt mai îndepărtate, cu atât timpul necesar pentru a parcurge datele este mai lung, ceea ce poate afecta rezultatele testelor de viteză.

Din această cauză, ar trebui întotdeauna alege un server web aproape de locația unde vă așteptați cei mai mulți vizitatori. De exemplu, un site web care deservește în principal trafic din SUA ar trebui să fie undeva în SUA.

Dacă vă adresați unui public global, rularea unui test de viteză a site-ului web din mai multe locații de testare vă poate oferi o idee mai bună despre modul în care distanța îi afectează pe vizitatorii din diferite locații.

Metodologia de testare a vitezei serverului ideal

Metodologia dvs. de testare ar trebui să implice mai multe rulări și să arate cam așa:

  1. Rulați un test din locația 1 și repetați de 3 ori, înregistrând rezultatele tuturor testelor.
  2. Repetați procesul din altă locație de testare, înregistrând în mod similar datele. Vă recomand să testați din cel puțin trei zone strategice; SUA, Europa și Asia.

Instrumente recomandate pentru testarea vitezei site-ului

Exemplu de teste de viteză a site-ului web
Exemplu – Teste de viteză a site-ului web pe care le-am făcut pentru site-urile noastre de testare găzduite Interserver (mai multe detalii aici) din diferite locații folosind WebPageTest.org

Instrumentele care oferă cele mai multe informații despre performanța site-ului dvs. folosesc vizitatori reali, umani, pentru a testa viteza site-ului dvs. De exemplu, testul de pagină completă de la Pingdom utilizează browsere reale (IE9, Chrome și Firefox) în locații reale (SUA, Australia, Europa) pentru a vă încărca site-ul și a furniza rapoarte de performanță.

Deoarece testează site-ul dvs. ca o entitate completă, inclusiv toate obiectele de pe pagină, poate oferi sugestii pentru îmbunătățirea performanței și informații despre ceea ce ar putea încetini site-ul dvs.

Cu toate acestea, există multe alte instrumente utile de testare a vitezei site-ului web pe care le puteți lua în considerare, inclusiv:

Pentru o listă completă a acestor instrumente, consultați Lista de instrumente gratuite de testare a vitezei site-ului.

Înțelegerea terminologiei testelor de viteză

Un test de viteză a site-ului web este util în multe feluri, dar numai atâta timp cât înțelegeți cum să utilizați rezultatele. Numai știind ce înseamnă datele, puteți implementa corecțiile adecvate pentru a îmbunătăți performanța site-ului dvs.

Înainte de a ne aprofunda în interpretarea rezultatelor testelor de viteză, este util să fim familiarizați cu câțiva termeni. Acești termeni sunt în principal asociați cu crearea de rețele.

Latență

Timpul necesar pentru tot ceea ce se întâmplă între momentul în care faceți clic pe un link sau introduceți o adresă în browser și când vedeți că rezultatele apar pe ecran. Măsurarea standard a Latenței este în milisecunde (ms).

Ping

Adesea confundat cu Latența, Ping este un termen precis folosit pentru a descrie timpul necesar pentru ca un singur pachet de date să părăsească computerul și să ajungă la destinație. Ca și Latența, măsurați Ping în ms.

Primul octet sau timpul până la primul octet (TTFB)

TTFB este o măsurătoare utilizată pentru a indica capacitatea de răspuns a unui server web. Măsurați TTFB ca durata de la utilizatorul sau clientul care face o solicitare HTTP până la recepția primului octet de către browserul clientului. 

Page Size

Dimensiunea unei pagini web este dimensiunea întregului conținut. Pentru ca un browser web să încarce complet o pagină web, acesta trebuie să descarce tot conținutul, inclusiv Cod HTML, imagini, foi de stil etc. Cu cât suma acestor conținuturi este mai mare, cu atât va dura mai mult timp pentru încărcare.

Prima interactivă

Majoritatea browserelor web vor permite utilizatorilor să înceapă să efectueze activități pe un site web înainte de a se încărca complet. First Interactive este timpul petrecut pe site-ul dvs. înainte ca acest lucru să se întâmple.

În funcție de instrumentul de testare a vitezei site-ului pe care îl alegeți, probabil că veți întâlni mai mulți termeni. Acestea includ:

Și altele. Încercați să aflați cât mai multe despre ce înseamnă acești termeni dacă intenționați să utilizați un test care oferă datele de mai sus.

Interpretarea rezultatelor testelor de viteză

PageSpeed ​​Insights de la Google oferă o evaluare rapidă a dvs performanța site-ului web.

După cum puteți vedea din terminologia de mai sus, poate fi dificil să aplicați o singură metodă de interpretare tuturor instrumentelor de testare a vitezei site-ului web.

Din această cauză, voi folosi un instrument ca exemplu - Google Insights PageSpeed.

Google PageSpeed ​​Insights este excelent, deoarece Google îl oferă și cel mai probabil va demonstra ce preferă gigantul căutării. Este, de asemenea, extrem de ușor de utilizat, oferind rezultate vizuale și sfaturi pentru abordarea problemelor descoperite.

Google testează separat performanța pentru dispozitive mobile și desktop și se concentrează pe patru elemente cheie: First Contentful Paint (FCP), First Input Delay (FID), Greatest Contentful Paint (LCP) și Cumulative Layout Shift (CLS).

Fiecare zonă testată va returna un rezultat în câteva secunde și o bară de indicație a calității. Verdele înseamnă bine, portocaliu înseamnă că necesită îmbunătățiri, iar roșul necesită o atenție mai urgentă.

Derularea în jos a paginii va oferi o defalcare a zonelor de testare individuale și a factorilor care contribuie la fiecare. Puteți folosi acest lucru pentru a aduce îmbunătățiri chirurgicale site-ului dvs.

Depanarea rezultatelor testului de viteză lentă a site-ului

Date despre rezultatul testului de viteză - Diagrama cascadă
Diagramele în cascadă, furnizate de obicei de majoritatea instrumentelor excelente de testare a vitezei, arată progresul detaliat al încărcării elementelor paginii web, permițându-vă să vedeți ce ocupă mai mult timp. 

Cele mai multe site-uri web lente sunt rezultatul unor seturi similare de deficiențe. De exemplu, timpii CLS ridicati rezultă din eșecul optimizării corecte a imaginilor. Cu toate acestea, având în vedere numărul de zone care necesită atenție, este imposibil să le acoperim în mod cuprinzător.

Unele probleme și soluții comune includ:

Reduceți JavaScript neutilizat

Site-uri web dinamice (cum ar fi cele care rulează pe WordPress ) se confruntă adesea cu această problemă. Puteți rezolva problema utilizând un plugin cache bun pentru a reduce redundanța JavaScript.

Reduceți impactul codului terță parte

Multe site-uri web de astăzi sunt modulare și folosesc componente de la diverși dezvoltatori (de exemplu, Google, Facebook, Fonturi etc.). Această combinație duce adesea la o lipsă de coeziune care afectează performanța. Simplifică-ți site-ul web și folosește cât mai puține surse de cod diferite.

Reduceți timpul de răspuns inițial al serverului

În esență, Google vă spune că serverul dvs. web este nasol. Sub-alin gazduire web deseori duce la viteze slabe și nu poți face nimic decât mutați la alt furnizor de găzduire.

Elementele de imagine nu au lățime și înălțime explicite

Mulți proprietari de site-uri web fac greșeala de a încărca pur și simplu imagini fără optimizări ulterioare. Când încărcați imagini, specificați parametrii pentru a evita confuzia browserelor web și cauza întârzierilor de încărcare.

Serviți imagini în formate de nouă generație

Pentru imagini, nu numai dimensiunile sunt importante, ci și formatul imaginii. Formatele de ultimă generație precum WebP măresc compresia, făcând descărcarea mai rapidă a imaginilor pe web.

Serviți active statice cu o politică de cache eficientă

Unele conținut sunt descărcate și păstrate în browserul lor atunci când vizitatorii vă încarcă site-ul. Acest proces ajută la îmbunătățirea performanței pentru vizite repetate. Setarea politicilor de cache le permite browserelor să știe cât timp ar trebui să păstreze acele imagini înainte de a repeta o solicitare.

Evitați o dimensiune DOM excesivă

DOM se referă la dimensiunea paginii dvs. web. Primirea unei avertismente DOM excesivă înseamnă că trebuie să vă gândiți la simplificarea paginii. Puteți face acest lucru în mai multe moduri, cum ar fi reducerea numărului de imagini de pe pagină sau utilizarea mai puține secțiuni.

Evitați schimbările mari de aspect

Site-urile web dinamice generează secțiuni de pagină din mers. Când aveți multe dintre aceste elemente redimensionabile pe o pagină, aspectul se va schimba frecvent, ceea ce duce la o experiență de utilizator slabă. Acolo unde este posibil, definiți corect elementele paginii.

Posibilitățile sunt nesfârșite. Înainte de a încerca să remediați aceste probleme una câte una, vă recomand să vă luați în considerare optimizarea temeinică a site-ului dvs. Există multe îmbunătățiri de performanță acceptate universal pe care proprietarii de site-uri web trebuie să le implementeze.

Pentru a afla mai multe, citiți ghidul WHSR îmbunătățirea performanței site-ului dvs.

Gânduri finale despre testele de viteză ale site-ului web

Testele de viteză ale site-ului web sunt o modalitate excelentă de a obține o imagine instantanee a performanței site-ului dvs. Aceste instrumente sunt ușor de utilizat și, în general, oferă date relativ precise. Desigur, ajută și faptul că multe instrumente excelente de testare a vitezei site-ului web sunt gratuite.

Cu toate acestea, este esențial să ne amintim că cuvântul operativ din afirmațiile de mai sus este „instantaneu”. Testele de viteză ale site-ului sunt statice, iar modificările minore aduse site-ului dvs. pot schimba rezultatele în mod semnificativ. Din acest motiv, este mai bine să programați evaluări periodice ale performanței site-ului dvs. și să remediați problemele nou descoperite cât mai curând posibil.

Citește mai multe

Despre Timothy Shim

Timothy Shim este scriitor, editor și tehnician geek. Începând cu cariera sa în domeniul tehnologiei informației, el și-a găsit rapid amprenta și de atunci a lucrat cu titluri media internaționale, regionale și interne, printre care ComputerWorld, PC.com, Business Today și Asian Banker. Expertiza sa constă în domeniul tehnologiei atât din punct de vedere al consumatorilor, cât și al întreprinderilor.

Conectați: