Instrumente de viteză de 10 pagini pentru a vedea cât de repede se încarcă paginile dvs. de destinație

Majoritatea site-urilor își pierd jumătate din vizitatori în timp ce o pagină se încarcă. Aceasta este o realitate șocantă, care este greu de crezut, dar poate că nu atunci când țineți cont de faptul că rata medie de respingere a paginii web este de 58,18% astăzi. Și mai rău, rata medie de respingere a paginii de destinație după clic variază între 60 și 90%.

Paginile mobile sunt afectate în mod egal de viteza lentă a paginii. Un studiu realizat în 2016 de Google și SOASTA a constatat că timpul mediu de încărcare a site-ului web mobil pentru sesiunile cu rebot a fost cu aproximativ 2,5 secunde mai lent decât cel al sesiunilor fără rebot.

Site-urile web cu încărcare mai rapidă generează de obicei rate de respingere mai mici, pe lângă clasări SEO mai ridicate, vizite mai lungi pe site, mai multă implicare și rate de conversie mai mari. Cu o corelație atât de puternică între timpul de încărcare și rata de respingere, specialiștii în marketing trebuie să profite de instrumentele de viteză a paginii pentru rezultate maxime.

Înainte de a analiza cele mai de încredere instrumente pentru testarea vitezei paginii, să analizăm cei mai comuni factori și elemente de pagină care o afectează.

Cum este afectată viteza paginii?

Când se face o solicitare de pagină, componentele front-end și partea server trebuie să-și finalizeze operațiunile individuale. Deci, chiar și după ce v-ați optimizat front-end-ul, puteți accelera timpul de încărcare și mai mult optimizând partea serverului (modul în care pagina este generată de serverul dvs.):

Deoarece ambele părți sunt secvențiale, timpul lor cumulativ este considerat timpul total de încărcare a paginii.

Unii dintre cei mai comuni factori care încetinesc viteza paginii undeva în imaginea de mai sus includ:

• Imagini mari și grafică text
• Video
• Lungimea paginii
• Scripturi, fonturi și pluginuri (HTML, JavaScript, CSS)
• Redirecționări inutile
• Geografie (țară, oraș, organizație, ISP, viteza rețelei)
• Lățime de bandă

Următoarele instrumente vă ajută să testați o varietate de probleme, oferindu-vă o mai bună înțelegere a vitezei site-ului web.

Cele mai de încredere 10 instrumente de viteză a paginii

Notă: Fiecare dintre aceste instrumente oferă propriile caracteristici unice, raportare și modalități de a vă diseca rezultatele, ceea ce înseamnă că este posibil să primiți rezultate diferite de timp de încărcare a paginii. Distanța geografică dintre locația de testare și serverul pe care este găzduit site-ul dvs. web joacă, de asemenea, un rol. În plus, rularea unui instrument pentru prima dată poate fi mai lentă, deci este mai bine să rulați teste de mai multe ori și să luați o medie a rezultatelor.

1. GTmetrix

GTmetrix analizează site-ul dvs. utilizând o combinație de recomandări de viteză de 27 de pagini (testul de viteză Google) și 19 recomandări YSlow (testul de viteză Yahoo). În partea de sus a raportului, scorurile de performanță sunt furnizate de la A la F, precum și detalii despre pagină, inclusiv timpul de încărcare, dimensiunea paginii și cererile de număr.

Timpul de încărcare este furnizat ca „timp complet încărcat” în mod implicit (timpul de la care vizitatorul a navigat inițial către pagină până la 2 secunde după ce nu există activitate de rețea). „Timpul de încărcare” este opțional (când pagina web a terminat procesarea și toate resursele de pe pagină, inclusiv imagini, text și scripturi, au terminat descărcarea). Restul raportului este împărțit în șase secțiuni diferite: PageSpeed, YSlow, cascadă, timings, video și istoric.

GTmetrix vă permite să testați și să comparați performanța site-ului web cu diferite tipuri de conexiuni pentru a vedea cum afectează viteza de încărcare a paginii. Oferă o funcție de restricționare a conexiunii pentru a simula tipurile posibile de conexiuni la internet pe care vizitatorii site-ului dvs. le-ar putea folosi: cablu, DSL, telefon mobil 3G, telefon mobil 2G și apelare de 56K. De asemenea, puteți selecta Chrome sau Firefox ca posibil browser.

Acest instrument are 7 locații de testare, dar oferă un total de 28 de servere de testare dedicate: 11 în Vancouver, Canada; 5 în Dallas, SUA; 7 în Londra, Marea Britanie; 2 în São Paulo Brazilia; 1 în Sydney, Australia; 1 în Mumbai, India; și 1 în Hong Kong, China.

GTmetrix acceptă HTTP / 2, care încarcă paginile web mai rapid decât HTTP / 1.1, încercând să rezolve multe dintre neajunsurile și limitările HTTP / 1.1. Avantajele HTTP / 2 includ:

• Multiplexare și concurență (mai multe cereri pot fi trimise în succesiune rapidă pe aceeași conexiune TCP)
• Dependențe de flux
• Compresia antetului
• Apăsare server

În plus, GTmetrix este unul dintre puținele instrumente de viteză a paginilor care oferă și teste de performanță mobile. Folosește două telefoane Samsung Galaxy Nexus, astfel încât utilizatorii pot genera rapoarte de performanță pe baza încărcărilor efective de pagină pe aceste dispozitive.

2. Pingdom

Pingdom vă permite să testați viteza site-ului dvs. web din 3 locații principale:

• Dallas, Texas
• Melbourne, Australia
• San Jose, California

Oferă un grad de performanță bazat pe recomandările Google PageSpeed ​​pentru versiunea gratuită și recomandările YSlow pentru versiunea cu plată. Pingdom afișează, de asemenea, timpul de încărcare, dimensiunea paginii, numărul de solicitări și modul în care site-ul dvs. testează alte site-uri. Informații suplimentare includ o defalcare a dimensiunii paginii în funcție de tipul de conținut, dimensiunea paginii în funcție de domeniu, solicitările după tipul de conținut și în funcție de domeniu.

Unul dintre principalele avantaje ale unui test de viteză Pingdom este că utilizatorii au la dispoziție informații despre performanță, subliniind unde pot fi realizate îmbunătățiri. Cu toate acestea, spre deosebire de GTmetrix, Pingdom oferă doar timp de încărcare (nu timpul complet încărcat), nu oferă limitarea conexiunii și nu acceptă HTTP / 2.

3. Google PageSpeed ​​Insights

PageSpeed ​​Insights este un test de viteză Google care oferă recomandări pentru îmbunătățiri și evaluează pagina dvs. de la 0 la 100 de puncte, pe baza a doi parametri:

1. Timpul până la încărcarea peste ori (timpul total pentru ca o pagină să afișeze conținut deasupra dosarului după ce un utilizator solicită o pagină nouă)
2. Timp de încărcare a paginii complete (timpul necesar unui browser pentru a reda complet o pagină după ce un utilizator o solicită)

Cu cât este mai mare scorul dvs., cu atât este mai optimizat site-ul dvs. și orice peste un 85 indică faptul că pagina dvs. are o performanță bună.

PageSpeed ​​Insights oferă rapoarte atât pentru versiunile desktop cât și pentru cele mobile ale paginii dvs. Acesta recuperează adresa URL de două ori - o dată cu un agent de utilizator mobil și o dată cu un agent de desktop-utilizator. Raportul pentru mobil include o categorie suplimentară numită „Experiență utilizator”, care include configurația vizualizării, dimensiunea țintelor de atingere (butoane și linkuri) și dimensiunile fontului.

De asemenea, echipa PageSpeed ​​Insights a lansat recent un nou instrument de viteză a paginii pe „Gândiți-vă cu Google”, care este următorul pe listă.

4. Gândiți-vă cu Google: testați site-ul meu

Diferența cu aceasta este că testează doar viteza paginilor mobile.

În partea de sus a paginii cu rezultate, sunt timpul de încărcare și pierderea estimată a vizitatorilor (reprezentând procentajul de vizitatori pierduți din pagina dvs. din cauza timpului de încărcare):

„Timpul de încărcare” este un indice de viteză (nu un timp complet încărcat), care măsoară cât durează conținutul paginii vizibile să apară utilizând Chrome pe un dispozitiv Moto G4 într-o rețea 3G. (Notă: o rețea 3G este utilizată pentru testare, deoarece 70% din conexiunile de rețea celulară la nivel global vor avea loc la viteze 3G sau mai mici până în 2020.)

Secțiunea centrală a rezultatelor este o comparație a industriei, calculată dintr-un studiu Google realizat pe mai mult de 5 milioane de pagini web:

În cele din urmă, instrumentul Testează site-ul meu arată cât timp s-ar putea economisi făcând câteva remedieri la pagina ta, completat cu un raport detaliat al remedierilor recomandate de PageSpeed ​​Insights:

5. Scorecard Google Speed

Scorecard-ul Speed ​​include mii de site-uri din 12 țări diferite în baza sa de date și vă permite să comparați până la 10 domenii pentru a vedea cum se stivuiește site-ul dvs. mobil. De asemenea, puteți compara viteza de încărcare a paginii dvs. atât pentru conexiunile 3G, cât și pentru cele 4G.

Întrucât am discutat despre modul în care viteza lentă de încărcare a paginii poate afecta ratele de respingere și ratele de conversie, ce zici de venituri? Pentru a vă face o idee, Google a inclus și un Calculator de impact pentru a estima suma în dolari a veniturilor potențiale pe care mărcile le-ar putea pierde cu încărcarea lentă a paginilor:

Pentru a vedea pierderile estimate, completați câmpurile calculatorului: domeniu, viteză curentă, vizitatori lunari medii, valoarea medie a comenzii și rata de conversie (multe dintre acestea pot fi găsite în tabloul de bord Google Analytics).

6. KeyCDN

KeyCDN este un alt instrument de viteză a paginii care funcționează bine pe dispozitivele mobile. KeyCDN oferă 16 locații de testare pe care le puteți selecta din întreaga lume cu opțiunea de a face rezultatele testelor private sau de a le distribui public altora.

Rezultatele includ o defalcare a cascadei cu o previzualizare a site-ului în partea de jos. În cadrul rezultatelor, puteți vedea câte solicitări HTTP au fost făcute, dimensiunea completă a paginii solicitate și timpul de încărcare.

7. WebPagetest

WebPagetest include peste 40 de locații de testare diferite pentru a alege dintre și peste 25 de browsere - inclusiv 14 dispozitive mobile. Sunt disponibile atât de multe locații de testare, deoarece oricine poate găzdui o locație de testare pentru WebPagetest, atâta timp cât îndeplinesc cerințele minime de sistem.

Testele pot fi efectuate cu o funcție de restricționare a conexiunii pentru a simula potențiale conexiuni la internet pe care vizitatorii site-ului le-ar putea folosi: Cablu, DSL, 3G Slow, 3G, 3G Fast, 4G, LTE, Mobile Edge, 2G, dial-up 56K, FIOS, Conexiune nativă , și viteze personalizate.

Oferă o abordare de testare unică, care rulează o „prima vizualizare” și o „vizualizare repetată”. De asemenea, oferă funcții mai avansate, cum ar fi captarea video, tranzacții în mai mulți pași, blocarea conținutului, dezactivarea JavaScript, ignorarea certificatelor SSL și falsificarea șirurilor de agenți de utilizator.

Când WebPagetest oferă rezultatele sale, acesta atribuie site-ului dvs. o notă de la A la F, pe baza timpului complet încărcat în mod implicit, cu timpul de încărcare opțional. Alți parametri de notare includ FTTB, compresie, cache, utilizarea eficientă a unui CDN și multe altele. Raportul este împărțit în șase secțiuni - un rezumat, detalii, revizuirea performanței, defalcarea conținutului și capturi de ecran - oferind informații de diagnostic bogate cu diagrame de cascadă, verificări de optimizare a vitezei paginii și sugestii de îmbunătățire.

O ultimă notă este că HTTP / 2 este acceptat de WebPagetest.

8. Dotcom-Monitor

Dotcom-Monitor oferă 20 de locații de testare diferite în întreaga lume și șapte browsere, inclusiv mobile și cloud. Ceea ce este unic la acest instrument este că puteți rula simultan toate testele geografice și apoi faceți clic pe fiecare raport pentru a afla mai multe despre ele.

Rapoartele sunt împărțite în cinci secțiuni - rezumat, performanță, defalcare a cascadei, gazdă și erori în care puteți găsi:

• Rezumat după locație
• Testarea timpului de încărcare bazat pe browser pentru toate elementele paginii
• Detectarea elementelor lente / lipsă
• 10% din cele mai rapide elemente
• 10% dintre cele mai lente elemente
• O diagramă cuprinzătoare a cascadei
• Defalcare în funcție de elementul gazdă (inclusiv DNS, conexiune, SSL, cerere, primul pachet și descărcare)
• Verificarea erorilor și diagnosticarea

9. Pagelocitatea

Instrumentul Pagelocity este disponibil și receptiv atât pe desktop, cât și pe dispozitive mobile. Atribuie utilizatorilor un scor total din 100 bazat pe componente precum starea conținutului, structura paginii și codificare. Raportul include:

• Rezumatul conținutului: informații valoroase despre conținutul text al paginii dvs. (cuvinte cheie, linkuri de titluri, text alternativ pentru imagini etc.)
• Defalcarea resurselor: informații referitoare la structura paginii dvs. - câte imagini, scripturi sau fișiere de stil are, precum și conținut care blochează redarea și modul în care acești factori ar putea afecta timpul de încărcare a paginii dvs.
• Sfaturi și informații despre cod: sugestii despre cum să actualizați codul pentru a fi mai ușor de întreținut și extensibil, cu date utile despre marcajul dvs. (clase / ID-uri, etichete, Google PageSpeed, Time to First Byte etc.)

O caracteristică unică a Pagelocity este analiza competitivă cu indicatori alăturați pe care o oferă, care arată avantajele dvs. față de concurenții dvs. și orice slăbiciune pe care ar putea să o aibă.

10. YLow

YSlow este un proiect open source care analizează pagini web bazate pe 23 din cele 34 de reguli Yahoo! pentru site-uri web de înaltă performanță. Urmează trei pași pentru a genera rezultatele testului de performanță:

• Crawlează DOM pentru a găsi toate componentele (imagine, scripturi etc.)
• Preluează informații despre dimensiunea fiecărei componente (gzip, antetele expirate etc.)
• Folosește datele pentru a genera o notă pentru fiecare regulă, oferindu-vă o notă generală

YSlow oferă, de asemenea, un rezumat al paginii cu statistici, sugestii de îmbunătățire și instrumente pentru analiza performanței (inclusiv Smush.it și JSLint).

Pentru a rula instrumentul de viteză a paginii YSlow, puteți utiliza extensia cromată YSlow sau puteți obține rezultatele YSlow de la GTMetrix.

Este important să rețineți că scorurile, perspectivele și feedback-ul pe care le oferă fiecare dintre aceste instrumente sunt recomandări - nu greu, reguli sau cerințe care trebuie îndeplinite. De asemenea, realizați că este posibil să faceți deja ceea ce sugerează un raport și poate că instrumentul nu l-a prins.

Dacă decideți că trebuie să faceți o modificare pentru ca paginile dvs. web să se încarce mai repede și să ofere o experiență mai bună utilizatorului, există câteva modalități comune.

Cum pot mărcile să-și accelereze paginile web?

Instrumentele de mai sus sunt foarte utile pentru verificarea problemelor majore de pagină care pot fi rezolvate cu ușurință. Deci, să luăm un minut pentru a aborda câteva dintre aceste remedieri aici.

Optimizați imaginile

Asigurați-vă că imaginile nu sunt mai mari decât trebuie, că sunt în formatul corect de fișier și sunt comprimate pentru web. 25% dintre pagini ar putea economisi mai mult de 250 KB comprimând imagini și text, iar 10% ar putea economisi mai mult de 1 MB. În ceea ce privește videoclipul, fie lăsați-l, fie găzduiți fișierul pe altă platformă (cum ar fi YouTube sau Vimeo), mai degrabă decât pe serverele dvs.

Încărcați asincron

Optarea pentru încărcare asincronă permite elementelor să se încarce simultan, mai degrabă decât secvențial, pentru a preveni orice întârziere a vitezei de încărcare a paginii.

Minimizează CSS, JavaScript și HTML

Optimizați-vă codul eliminând spațiile, virgulele și alte caractere inutile, eliminând comentariile de cod și minimizând formatarea.

Reduceți redirecționările

Reducerea redirecționărilor face o mare diferență, deoarece de fiecare dată când o pagină este redirecționată către o altă pagină, vizitatorul trebuie să aștepte și mai mult pentru finalizarea ciclului de solicitare-răspuns HTTP.

Ascundeți în cache paginile dvs.

Memorarea în cache a browserului înseamnă că browserul nu trebuie să reîncarce întreaga pagină atunci când cineva vă revizuiește site-ul. Memorând în cache informații precum foi de stil, imagini și fișiere JavaScript, reduceți numărul de solicitări către serverul dvs., accelerând dramatic timpul de încărcare a paginii.

Îmbunătățiți timpul de răspuns al serverului

Timpul de răspuns al serverului este afectat de o varietate de factori: cantitatea de trafic, resursele pe care le folosește fiecare pagină, software-ul utilizat de server și soluția de găzduire. Pentru a îmbunătăți timpul de răspuns al serverului, căutați blocaje de performanță, cum ar fi interogări și rutare lentă a bazei de date și lipsa memoriei adecvate.

Selectați un instrument de viteză a paginii care se potrivește nevoilor dvs.

A decide ce instrument să utilizați se reduce în cele din urmă la valorile pe care doriți să le urmăriți și să le măsurați pentru site-ul dvs. În ciuda diferențelor de funcționalitate, fiecare oferă o mare valoare în identificarea zonelor în care site-ul dvs. ar putea fi lent și oferă informații și recomandări pentru accelerarea acestuia.

Când proiectați pagini de destinație post-clic cu încărcare rapidă, nimic nu se poate compara cu AMP. Cu un cadru unic și HTML minim, paginile de destinație AMP după clic se pot încărca instantaneu, ceea ce oferă o experiență excelentă pentru utilizator. Vedeți cum generatorul Instapage AMP le permite marketerilor digitali să creeze și să publice rapid și ușor încărcarea rapidă, solicitând astăzi o demonstrație.