I denne opplæringen vil vi fokusere på å finne og fikse dårlige sidelastningstider med Raygun. Men før vi gjør det, la oss diskutere hvorfor litt lengre sidebelastningstider kan være så stor avtale.
En av de viktigste tingene du kan gjøre for å få et godt førsteinntrykk på potensielle kunder eller kunder som besøker nettstedet ditt, er å forbedre sin lasthastighet.
Tenk deg en kunde som nettopp har hørt om din bedrift fra en venn. Du selger et produkt online som brukere kan kjøpe ved å besøke nettstedet ditt. Hvis ulike nettsider tar lang tid å laste inn og du ikke selger det produktet utelukkende, er det en god sjanse for at kunden vil forlate nettstedet ditt og gå et annet sted.
Du savnet ikke bare ditt første salg her, du savnet også muligheten til å ha en lojal kunde som ville ha kjøpt flere produkter i fremtiden.
Det er tingen med Internett-folk er bare noen få klikk unna å forlate nettstedet ditt og kjøpe noe fra konkurrentene dine. Faster lastesider kan gi deg en fordel over konkurrenter og øke inntektene dine.
Raygun er avhengig av Real User Monitoring Insights (RUM Insights) for å forbedre nettstedets ytelse og sidetilpasningstid. Begrepet "Real User Monitoring" er nøkkelen her. Du kan bruke verktøy som WebPagetest og Google Page Speed Insights for å optimalisere enkelte sider, men disse resultatene vil ikke være basert på ekte brukerdata. På den annen side er dataene fra Raygun basert på virkelige brukere som besøkte nettstedet ditt.
Raygun presenterer også informasjonen på en mer organisert måte ved å fortelle deg ting som den gjennomsnittlige sidens hastighet for nettstedet, de mest etterspurte sidene og de sakte sidene. På denne måten kan du prioritere hvilken side eller del av nettstedet som skal optimaliseres først.
Du kan også se hvor raskt nettstedet lastes inn for brukere i forskjellige land eller for brukere med forskjellige nettlesere. På samme måte kan du sammenligne hastigheten på nettstedet ditt på mobil vs skrivebord.
En annen fordel med Raygun er at den vil vise deg hvordan nettstedet utfører for ulike brukere. For eksempel kan nettstedet lastes sakte for en av dine mest verdifulle kunder. I slike tilfeller vil du definitivt vite om det og gjøre noe for å forbedre opplevelsen før det er for sent.
Vi vil lære å gjøre alt det med Raygun i de neste avsnittene i denne artikkelen.
Du må registrere deg for en konto før du integrerer Raygun på nettstedet ditt. Denne kontoen gir deg tilgang til alle Raygun-funksjoner gratis i 14 dager.
Når du har registrert deg, kan du klikke på Lag applikasjon knappen for å opprette en ny applikasjon. Du kan fylle ut et navn for søknaden din på neste skjermbilde, og deretter sjekke noen bokser for å motta varsler om feil og virkelige brukeroppfølging innsikt.
Nå må du bare velge din utviklingsplattform eller rammeverk. I dette tilfellet bruker vi JavaScript.
Til slutt vil du få noen kode som du må legge til på alle sidene du vil overvåke. I stedet for å plassere følgende kode på nettstedet ditt, kan du også laste ned produksjons- eller utviklingsversjonen av biblioteket og inkludere det selv.
Når du har lagt til koden ovenfor, før avslutningen tag, må du plassere følgende utdrag like før avslutningen
stikkord.
Hvis du ikke legger til noe mer kode, vil Raygun nå begynne å samle anonyme data. Dette betyr at du vil kunne vite hvordan nettstedet ditt utfører for ulike brukere, men det vil ikke være mulig å identifisere disse brukerne.
Det er en enkel løsning for dette problemet. Alt du trenger å gjøre er å legge til følgende kode i websidene dine, og Raygun vil ta vare på resten.
rg4js ('setUser', identifier: 'unique_id', isAnonymous: false, email: '[email protected]', firstName: 'Fornavn', fullnavn: 'Fornavn Etternavn');
Du må inkludere disse tre kodene på alle sidene du vil spore. Når det er gjort, begynner dataene å vises i dashbordet for at du skal analysere.
Seksjonen Real User Monitoring i Raygun dashboard har mange tabber for å presentere dataene i forskjellige formater. Vi vil kort gå over alle disse kategoriene for å vise deg hvordan informasjonen som presenteres i dem, kan brukes til å finne sider med dårlig belastningstid.
De Bo fanen gir deg en oversikt over nettstedets ytelse i sanntid. Det har forskjellige beregninger som Helsepoeng for å vise deg hvordan nettstedet utfører. Du kan lese mer om alle disse beregningene i dokumentasjonen for Live-fanen på Raygun-nettstedet.
Det har også et verdenskart for å peke ut landene til de aktive brukerne dine nå. Du vil også finne en liste over de siste forespørslene på nettstedet ditt av forskjellige brukere. Her er et bilde som viser de siste forespørslene til nettstedet vårt.
Utførelsesfanen har fem nyttige beregninger for å gi deg en rask oversikt over nettstedets lastetider. For eksempel betyr en median lastetid på 1,41 sekunder at 50% av sidene dine lastes før 1.41 sekunder har passert. Tilsvarende a P90 Load Time av 6,78 sekunder forteller deg at 90% av tiden, lastes nettsiden før 6,48 sekunder.
Dette bør gi deg en grov ide om ytelsen til et nettsted og hvor sakte det er for de tregeste 10% av brukerne.
Utførelsesfanen har også en liste over de langsommere og mest etterspurte sidene nederst. Å kjenne de mest populære og de langsommere sidene kan være svært nyttig når du vil prioritere hvilke deler av nettstedet ditt som må løses først.
Selv om alle sidene på et nettsted skal lastes så raskt som mulig, er noen av disse sidene viktigere enn andre. Derfor kan du være interessert i å finne ut resultatet av en bestemt side på et nettsted. Du kan gjøre det ved å bare skrive siden du leter etter i inntastingsfeltet. Dette gir deg informasjon om median, gjennomsnittlig og P90-ladetid på en bestemt side. Her er dataene til hjemmesiden til nettstedet vårt.
Du kan bruke Sessions fanen for å se øktrelatert informasjon som totalt antall økter, totalt antall brukere og median øktlengde. Sessionsbordet gir deg en rask oversikt over de siste 150 øktene med informasjon som land, varighet, totalt sidevisninger og den sist besøkte siden for en økt.
Ved å klikke på forstørrelsesglasset vil du vise flere detaljer om en bestemt økt som sidene brukeren besøkte, lastetid for disse sidene og nettleseren / enheten som ble brukt under økten.
De brukere fanen gir deg en oversikt over tilfredsstillingsnivået for ulike brukere med nettstedet ditt. Dette kan være svært nyttig når du vil se hvordan en bestemt bruker samhandler med nettstedet ditt, og om eller hvorfor sidenes lastetid er mer enn forventet.
Det er tre andre faner for å vise informasjon om alle sidevisninger når det gjelder nettlesere, plattformer og geografi. På denne måten vil du kunne vite om en nettside lastes sakte bare på en bestemt nettleser eller plattform. Du vil også ha en grov ide om distribusjon av brukere. For eksempel, å vite om de fleste av dine klienter er fra et bestemt land eller bruker en bestemt nettleser, kan være svært nyttig.
Raygun viser prosentandelen av besøkende fra et bestemt kontinent på toppen av Geo fane. Etter det gir det et kart med fordelingen av belastningstider. Land med de langsomste belastningstidene er fylt med rødt, og land med raske lastetider er fylt med grønt.
Hvis du stadig får dårlig lastetider fra et bestemt land, kan det være verdt tiden din å se nøye ut og finne ut årsaken.
I det forrige avsnittet lærte vi hvordan du bruker alle dataene som er samlet inn av Raygun, for å finne ut hvilke sider som tar lang tid å laste inn, eller om det er noen land der sidetilpasningstiden er lengre enn vanlig.
Nå er det på tide å se hvordan vi kan bruke Raygun for å oppdage problemer som kan forårsake en bestemt side eller hele nettstedet skal laste langsommere enn vanlig.
Forbedring av dårlig sidebelastningstid på et nettsted kan være ganske overveldende, spesielt hvis nettstedet er svært komplisert, eller hvis det har mange sider. Problemet er å finne ut hva du skal forbedre og hvor du skal begynne.
Heldigvis kan Raygun gi deg noen generelle innsikt for å fikse nettstedet ditt. Du kan klikke på innsikt alternativer under Real User Monitoring menyen, og Raygun vil skanne nettstedet ditt for eventuelle mulige problemer. Du finner en liste over alle disse reglene i den offisielle Raygun-dokumentasjonen. Å fikse alle de oppførte problemene vil øke hastigheten på nettstedet ditt.
I tillegg til å følge disse generelle retningslinjene, vil du kanskje også isolere sidene som har blitt lastet sakte. Når du har isolert dem, kan Raygun vise deg den tiden de tar for å løse DNS, latens, SSL-håndtrykk, etc. Dette gir deg en god ide om områdene der du kan gjøre forbedringer for å redusere sidetilpasningstiden. Følgende bilde skal gjøre det klart.
Du kan også filtrere dataene for å få et mer nøyaktig bilde av belastetiden for en bestemt side og ulike faktorer som påvirker den. Ovennevnte bilde viste deg gjennomsnittlig ventetid for alle forespørsler gjort på siden "Om oss". Du kan imidlertid klikke på Legg til filter knappen øverst og bare se lastepunktet "Om oss" for et bestemt land som Italia.
Du vil også se alle forespørsler laget av en bestemt side nederst. I utgangspunktet vil du kunne se DNS, latens, SSL, server og overføringstid for hver ressurs lastet for en bestemt side og se om noen av dem er skyldige.
Når du har funnet ut hvilke ressurser som tar for lang tid å laste, kan du begynne å optimalisere sidene dine.
Som du så i denne opplæringen, kan Raygun være til stor hjelp for organisasjoner som ønsker å forbedre sidetidstiden. Det er super enkelt å integrere, og etter vellykket integrasjon vil dataene bare begynne å vises i dashbordet uten noen inngrep fra din side.
Raygun har også forskjellige faner for å organisere de innsamlede dataene slik at du kan analysere det enklere og mer effektivt. For eksempel kan det vise deg lastetider for forskjellige land, nettlesere og plattformer. Det har også filtre som du kan bruke til å isolere et bestemt sett med data fra resten og analysere det nøye.
Hvis du eller din bedrift er ute etter et enkelt å integrere verktøy som kan gi god innsikt om hvordan dine virkelige brukere samhandler med nettstedet ditt, bør du definitivt gi Raygun en prøve. Du har ikke noe å tape siden det er gratis de første 14 dagene!
Og mens du er her, sjekk ut noen av våre andre opplæringsprogrammer på Raygun!