Share
În acest tutorial, ne vom concentra pe găsirea și fixarea timpilor slabi de încărcare a paginii cu Raygun. Dar, înainte de a face acest lucru, hai să discutăm de ce timpul de încărcare a paginilor poate fi mult mai mare.
Unul dintre cele mai importante lucruri pe care le puteți face pentru a face o primă impresie bună asupra potențialilor clienți sau a clienților care vizitează site-ul web este îmbunătățirea vitezei de încărcare.
Imaginați-vă un client care tocmai a auzit despre compania dvs. de la un prieten. Vând un produs online pe care utilizatorii îl pot cumpăra vizitând site-ul dvs. Web. Dacă paginile web ale site-urilor web durează mult timp pentru încărcare și nu vindeți exclusiv acest produs, există o șansă bună ca clientul să renunțe la site-ul dvs. și să meargă în altă parte.
Nu ați pierdut doar prima dvs. vânzare aici, ați pierdut, de asemenea, ocazia de a avea un client loial care ar fi achiziționat mai multe produse în viitor.
Asta e chestia cu Internetul - oamenii sunt la doar câteva clicuri distanță de a părăsi site-ul tău și de a cumpăra ceva de la concurenții tăi. Mai multe pagini de încărcare vă pot oferi avantaje față de concurenți și vă pot mări veniturile.
Raygun se bazează pe Real User Monitoring Insights (RUM Insights) pentru a îmbunătăți performanța site-ului și timpul de încărcare a paginii. Termenul "monitorizare reală a utilizatorilor" este cheia aici. Puteți utiliza instrumente precum WebPagetest și Google Page Speed Insights pentru a optimiza paginile individuale, dar aceste rezultate nu se vor baza pe date reale de utilizator. Pe de altă parte, datele furnizate de Raygun se bazează pe utilizatorii reali care au vizitat site-ul dvs. Web.
Raygun prezintă, de asemenea, informațiile într-o manieră mai organizată, spunându-vă lucruri precum viteza medie a paginii web, paginile cele mai solicitate și cele mai lente pagini. În acest fel, puteți stabili prioritatea care pagină sau secțiune a site-ului web trebuie optimizată mai întâi.
De asemenea, puteți vedea cât de repede se face încărcarea site-ului pentru utilizatorii din diferite țări sau pentru utilizatorii cu browsere diferite. În mod similar, puteți compara viteza site-ului dvs. pe platforma mobilă și desktop.
Un alt avantaj al lui Raygun este că vă va arăta cum funcționează site-ul pentru diferiți utilizatori. De exemplu, site-ul se poate încărca încet pentru unul dintre clienții cei mai valoroși. În astfel de cazuri, ați dori cu siguranță să știți despre asta și să faceți ceva pentru a vă îmbunătăți experiența înainte de a fi prea târziu.
Vom învăța cum să facem totul cu Raygun în următoarele câteva secțiuni ale acestui articol.
Trebuie să vă înscrieți pentru un cont înainte de a integra Raygun pe site-ul dvs. Web. Acest cont vă va oferi acces gratuit la toate funcțiile Raygun timp de 14 zile.
Odată ce v-ați înregistrat cu succes, puteți face clic pe Creați aplicația pentru a crea o nouă aplicație. Puteți să completați un nume pentru aplicația dvs. în ecranul următor și apoi să verificați unele casete pentru a primi notificări despre erori și statistici reale de monitorizare a utilizatorilor.
Acum, trebuie doar să selectați platforma sau cadrul de dezvoltare. În acest caz, folosim JavaScript.
În sfârșit, veți obține un cod pe care trebuie să-l adăugați pe toate paginile pe care doriți să le monitorizați. În loc să plasați codul următor în site-ul dvs., puteți descărca și versiunea de producție sau dezvoltare a bibliotecii și includeți-o singură.
Odată ce ați adăugat fragmentul de cod de mai sus înainte de închidere eticheta, trebuie să plasați următorul fragment chiar înainte de închidere etichetă.
Dacă nu adăugați niciun cod suplimentar, Raygun va începe acum să colecteze date anonime. Aceasta înseamnă că veți putea ști cum funcționează site-ul web pentru diferiți utilizatori, dar nu va exista nicio modalitate de a identifica acei utilizatori.
Există o remediere ușoară pentru această problemă. Tot ce trebuie să faceți este să adăugați următorul cod în paginile dvs. web și Raygun va avea grijă de restul.
Accentsconagua
rg4js ('setUser', identificator: 'unique_id', isAnonymous: false, email: '[email protected]', firstName: 'Firstname', fullName: 'Firstname Lastname');Va trebui să includeți aceste trei bucăți de cod în toate paginile pe care doriți să le urmăriți. După ce ați terminat, datele vor începe să apară în tabloul de bord pentru analizarea acestora.
Secțiunea de monitorizare reală a utilizatorilor din tabloul de bord Raygun are o mulțime de file pentru a prezenta datele în diferite formate. Vom trece pe scurt toate aceste file pentru a vă arăta cum informațiile prezentate în ele pot fi utilizate pentru a găsi pagini cu timpi de încărcare săraci.
Trăi vă va oferi o imagine de ansamblu asupra performanței site-ului dvs. în timp real. Are valori diferite, cum ar fi Scor de sănătate pentru a vă arăta cum funcționează site-ul în prezent. Puteți citi mai multe despre toate aceste valori din documentația pentru fila Live de pe site-ul Raygun.
De asemenea, aveți o hartă a lumii care să indice țările utilizatorilor activi în prezent. De asemenea, veți găsi o listă cu cele mai recente solicitări pe site-ul dvs. de către diferiți utilizatori. Iată o imagine care prezintă cele mai recente cereri către site-ul nostru.
Fila Performanță are cinci valori utile, pentru a vă oferi o imagine de ansamblu rapidă a timpilor de încărcare a paginilor web. De exemplu, un timp de încărcare medie de 1,41 secunde înseamnă că 50% din paginile dvs. încărcate înainte de 1,41 secunde au trecut. În mod similar, a P90 Timp de încărcare de 6,78 secunde vă spune că 90% din timp, site-ul încărcări înainte de 6,48 secunde.
Acest lucru ar trebui să vă dau o idee grosolană despre performanța unui site web și cât de lent este pentru cel mai lent 10% dintre utilizatori.
Fila de performanță are, de asemenea, o listă cu cele mai lente și cele mai solicitate pagini din partea de jos. Cunoașterea celor mai populare și cele mai lente pagini poate fi foarte utilă atunci când doriți să stabiliți în prioritate care secțiuni din site-ul dvs. trebuie să fie fixate mai întâi.
Chiar dacă toate paginile dintr-un site web ar trebui încărcate cât mai repede posibil, unele dintre aceste pagini sunt mai importante decât altele. Prin urmare, ați putea fi interesat să aflați performanța unei anumite pagini pe un site web. Puteți face acest lucru prin simpla tastare a paginii pe care o căutați în câmpul de introducere. Acest lucru vă va oferi informații despre timpul de încărcare median, mediu și P90 al unei anumite pagini. Iată datele pentru pagina de pornire a site-ului nostru.
Puteți utiliza funcția sesiuni pentru a vedea informații legate de sesiune, cum ar fi numărul total de sesiuni, numărul total de utilizatori și lungimea mediei sesiunii. Tabelul sesiunilor vă va oferi o imagine de ansamblu rapidă a ultimelor 150 de sesiuni cu informații cum ar fi țara, durata, numărul total de vizionări ale paginilor și ultima pagină vizitată pentru o sesiune.
Dacă faceți clic pe lupă, veți vedea mai multe detalii despre o anumită sesiune, cum ar fi paginile pe care le-a vizitat utilizatorul, timpul de încărcare al acestor pagini și browserul / dispozitivul utilizat în timpul sesiunii.
Utilizatori vă va oferi o imagine de ansamblu asupra nivelului de satisfacție al diferiților utilizatori cu site-ul dvs. web. Acest lucru poate fi foarte util atunci când doriți să vedeți cum interacționează un anumit utilizator cu site-ul dvs. Web și dacă și de ce timpul de încărcare a paginii este mai mare decât cel așteptat.
Există alte trei file pentru a afișa informații despre toate vizualizările de pagină în ceea ce privește browserele, platformele și geografia. În acest fel, veți putea ști dacă o pagină Web se încarcă încet numai pe un anumit browser sau platformă. Veți avea, de asemenea, o idee grosolană despre distribuția utilizatorilor. De exemplu, cunoașterea faptului că majoritatea clienților dvs. provin dintr-o anumită țară sau care utilizează un anumit browser poate fi foarte util.
Raygun afișează procentul de vizitatori de pe un anumit continent în partea de sus a paginii Geo tab. După aceea, oferă o hartă cu distribuția timpilor de încărcare. Țările cu cele mai lente perioade de încărcare sunt umplute cu roșu, iar țările cu perioade de încărcare rapidă sunt umplute cu verde.
Dacă obțineți în mod constant timpi de încărcare slabi dintr-o anumită țară, s-ar putea să fiți în valoare de timpul dvs. să vă uitați atent și să aflați motivul.
În secțiunea anterioară am învățat cum să folosim toate datele colectate de Raygun pentru a afla care pagini au nevoie de mult timp pentru încărcare sau dacă există țări în care timpul de încărcare a paginii este mai lung decât de obicei.
Acum este timpul să vedem cum putem folosi Raygun pentru a descoperi problemele care ar putea provoca o anumită pagină sau întregul site web să se încarce mai încet decât de obicei.
Îmbunătățirea timpului de încărcare redus al paginii unui site poate fi destul de copleșitor, mai ales dacă site-ul web este foarte complicat sau dacă are o mulțime de pagini. Problema este să găsiți ce să îmbunătățiți și de unde să începeți.
Din fericire, Raygun vă poate oferi câteva informații generale pentru a vă repara site-ul. Puteți face clic pe Insights opțiuni în cadrul Monitorizare reală a utilizatorilor meniu, iar Raygun va scana site-ul dvs. pentru orice probleme potențiale. Puteți găsi o listă a tuturor acestor reguli în documentația oficială Raygun. Remedierea tuturor problemelor enumerate va accelera în mod semnificativ site-ul dvs. web.
Pe lângă respectarea acestor reguli generale, este posibil să doriți și să izolați paginile care se încărcau lent. După ce le-ați izolat, Raygun vă poate arăta timpul pe care îl iau pentru a rezolva DNS, latența, strângerea de mână SSL etc. Acest lucru vă va oferi o imagine bună a domeniilor în care puteți face îmbunătățiri pentru a reduce timpul de încărcare a paginii. Următoarea imagine trebuie să clarifice.
De asemenea, puteți filtra datele pentru a obține o imagine mai precisă a timpului de încărcare pentru o anumită pagină și pentru diferiți factori care o afectează. Imaginea de mai sus ți-a arătat latența medie pentru toate solicitările făcute pe pagina "Despre noi". Cu toate acestea, puteți face clic pe Adăugați filtrul butonul din partea de sus și vedeți graficul de încărcare "Despre noi" pentru o anumită țară, cum ar fi Italia.
De asemenea, veți vedea toate solicitările făcute de o anumită pagină în partea de jos. Practic, veți putea vedea timpul DNS, latența, SSL, serverul și timpul de transfer pentru fiecare resursă încărcată pentru o anumită pagină și pentru a vedea dacă oricare dintre ei este vinovatul.
După ce aflați care resurse durează prea mult pentru încărcare, puteți începe să vă optimizați paginile.
După cum ați văzut în acest tutorial, Raygun poate fi de mare ajutor organizațiilor care doresc să își îmbunătățească timpul de încărcare a paginilor. Este foarte ușor să se integreze, iar după o integrare reușită, datele vor începe pur și simplu să apară în tabloul de bord fără intervenția din partea dvs..
Raygun are și alte file pentru a organiza datele colectate, astfel încât să le puteți analiza mai ușor și mai eficient. De exemplu, vă poate arăta timpii de încărcare pentru diferite țări, browsere și platforme. De asemenea, are filtre pe care le puteți utiliza pentru a izola un anumit set de date de restul și a le analiza îndeaproape.
Dacă dvs. sau compania dvs. sunteți în căutarea unui instrument ușor de integrat, care să ofere o imagine de ansamblu asupra modului în care utilizatorii dvs. reali interacționează cu site-ul dvs., ar trebui să încercați cu certitudine Raygun. Nu aveți nimic de pierdut, deoarece este liber pentru primele 14 zile!
Și în timp ce sunteți aici, verificați câteva dintre celelalte tutoriale ale noastre despre Raygun!
