I den här handledningen fokuserar vi på att hitta och fixa dåliga sidbelastningstider med Raygun. Men innan vi gör det, låt oss diskutera varför lite längre sidbelastningstider kan vara så stor sak.
En av de viktigaste sakerna du kan göra för att få ett bra första intryck på potentiella kunder eller kunder som besöker din webbplats är att förbättra laddningshastigheten.
Tänk dig en kund som bara hört talas om ditt företag från en vän. Du säljer en produkt online som användare kan köpa genom att besöka din webbplats. Om olika webbsidor tar lång tid att ladda och du inte säljer den produkten exklusivt finns det en god chans att kunden kommer att överge din webbplats och gå någon annanstans.
Du missade inte bara din första försäljning här, du missade också chansen att ha en lojal kund som skulle ha köpt fler produkter i framtiden.
Det är saken med Internet-människor är bara några klick bort från att lämna din webbplats och köpa något från dina konkurrenter. Snabbare laddningssidor kan ge dig en kanten över konkurrenterna och öka dina intäkter.
Raygun bygger på insikter för verklig användarövervakning (RUM Insights) för att förbättra webbplatsens prestanda och sidladdningstid. Termen "Real User Monitoring" är nyckeln här. Du kan använda verktyg som WebPagetest och Google Page Speed Insights för att optimera enskilda sidor, men resultaten kommer inte att baseras på riktiga användardata. Å andra sidan är data från Raygun baserade på reella användare som besökt din webbplats.
Raygun presenterar också informationen på ett mer organiserat sätt genom att berätta saker som den genomsnittliga sidhastigheten för webbplatsen, de mest efterfrågade sidorna och de långsammaste sidorna. På så sätt kan du prioritera vilken sida eller del av webbplatsen som behöver optimeras först.
Du kan också se hur snabbt webbplatsen laddas för användare i olika länder eller för användare med olika webbläsare. På samma sätt kan du jämföra hastigheten på din webbplats på mobil vs skrivbord.
En annan fördel med Raygun är att det kommer att visa dig hur webbplatsen utför för olika användare. Till exempel kan webbplatsen laddas långsamt för en av dina mest värdefulla kunder. I sådana fall skulle du definitivt vilja veta om det och göra något för att förbättra sin erfarenhet innan det är för sent.
Vi kommer att lära oss hur vi gör allt det med Raygun i nästa avsnitt i den här artikeln.
Du måste registrera dig för ett konto innan du integrerar Raygun på din webbplats. Detta konto ger dig tillgång till alla Raygun-funktioner gratis i 14 dagar.
När du väl har registrerat dig kan du klicka på Skapa ansökan knappen för att skapa en ny applikation. Du kan fylla i ett namn för din ansökan på nästa skärm och kolla sedan några rutor för att få meddelanden om fel och verkliga användarövervakningsinsikten.
Nu måste du bara välja din utvecklingsplattform eller ram. I det här fallet använder vi JavaScript.
Slutligen får du en kod som du måste lägga till på alla sidor du vill övervaka. I stället för att placera följande kod på din webbplats kan du också ladda ner produktions- eller utvecklingsversionen av biblioteket och inkludera det själv.
När du har lagt till ovanstående kodbit innan du stänger tagg måste du placera följande kod innan du stänger
märka.
Om du inte lägger till någon mer kod börjar Raygun nu samla in anonym data. Det innebär att du kommer att kunna veta hur din webbplats fungerar för olika användare, men det finns ingen möjlighet att identifiera dessa användare.
Det finns en enkel åtgärd för detta problem. Allt du behöver göra är att lägga till följande kod i dina webbsidor och Raygun tar hand om resten.
s
Du måste inkludera dessa tre stycken kod på alla sidor som du vill spåra. När det är klart kommer dataen att dyka upp i instrumentpanelen för att du ska analysera.
Avsnittet om riktigt användarövervakning i Raygun-instrumentbrädan har många flikar för att presentera data i olika format. Vi går kort över alla dessa flikar för att visa dig hur informationen som presenteras i dem kan användas för att hitta sidor med dåliga belastningstider.
De leva fliken ger dig en översikt över webbplatsens prestanda i realtid. Det har olika mätvärden som Hälsopoäng för att visa dig hur webbplatsen för närvarande utförs. Du kan läsa mer om alla dessa mätvärden i dokumentationen för fliken Live på Raygun-webbplatsen.
Det har också en världskarta för att peka på länderna för dina aktiva användare. Du hittar också en lista över de senaste ansökningarna till din webbplats av olika användare. Här är en bild som visar de senaste förfrågningarna på vår hemsida.
Prestandafliken har fem användbara mätvärden för att ge dig en snabb översikt över webbplatsens belastningstider. Till exempel innebär en median laddningstid på 1,41 sekunder att 50% av dina sidor laddas innan 1,41 sekunder har passerat. På samma sätt a P90-laddningstid av 6,78 sekunder berättar att 90% av tiden fyller webbplatsen före 6,48 sekunder.
Detta borde ge dig en grov uppfattning om hur en webbplats fungerar och hur långsam det är för de sakta 10% av användarna.
Prestandafliken har också en lista med de långsammaste och mest efterfrågade sidorna längst ner. Att veta de mest populära och de långsammaste sidorna kan vara till stor hjälp när du vill prioritera vilka delar av din webbplats som behöver lösas först.
Även om alla sidor på en webbplats ska laddas så fort som möjligt, är några av dessa sidor viktigare än andra. Därför kan du vara intresserad av att ta reda på resultatet för en viss sida på en webbplats. Du kan göra det genom att helt enkelt skriva in den sida du letar efter i inmatningsfältet. Detta ger dig information om median-, medel- och P90-laddningstiden för en viss sida. Här är data för hemsidan på vår hemsida.
Du kan använda Sessions fliken för att se sessionsrelaterad information som totalt antal sessioner, totalt antal användare och median sessionslängd. Sessionsbordet ger dig en snabb översikt över de senaste 150 sessionerna med information som land, längd, totala sidvisningar och den senast besökta sidan för en session.
Om du klickar på förstoringsglaset visas mer information om en viss session som de sidor som användaren besökte, tidens laddningstid och den webbläsare / enhet som användes under sessionen.
De användare fliken ger dig en översikt över nivån på nivån för olika användare med din webbplats. Detta kan vara till stor hjälp när du vill se hur en viss användare interagerar med din webbplats och om eller varför deras sidladdningstid är mer än väntat.
Det finns tre andra flikar för att visa information om alla sidvisningar när det gäller webbläsare, plattformar och geografi. På så sätt kan du veta om en webbsida laddas långsamt endast på en viss webbläsare eller plattform. Du kommer också att ha en grov uppfattning om fördelningen av användare. Till exempel, om du vet om de flesta av dina klienter är från ett visst land eller använder en viss webbläsare kan det vara mycket praktiskt.
Raygun listar andelen besökare från en viss värld på toppen av Geo flik. Därefter ger den en karta med fördelning av belastningstider. Länder med de svagaste belastningstiderna är fyllda med rött, och länder med snabba belastningstider fylls med grönt.
Om du konsekvent får dåliga lastningstider från ett visst land, kan det vara värt din tid att titta noga och ta reda på orsaken.
I det föregående avsnittet lärde vi oss hur vi använder all data som samlas in av Raygun för att ta reda på vilka sidor som tar lång tid att ladda eller om det finns några länder där våra sidbelastningstider är längre än vanligt.
Nu är det dags att se hur vi kan använda Raygun för att upptäcka problem som kan orsaka en viss sida eller hela webbplatsen laddas långsammare än vanligt.
Förbättring av dålig sidladdningstid på en webbplats kan vara ganska överväldigande, särskilt om webbplatsen är mycket komplicerad eller om den har många sidor. Problemet är att hitta vad som ska förbättras och var du ska börja.
Lyckligtvis kan Raygun erbjuda dig några allmänna insikter för att fixa din webbplats. Du kan klicka på Insights alternativ under Real User Monitoring menyn, och Raygun kommer att skanna din webbplats för eventuella problem. Du kan hitta en lista med alla dessa regler i den officiella Raygun-dokumentationen. Att fixa alla listade problem kommer att påskynda din webbplats avsevärt.
Förutom att följa dessa allmänna riktlinjer, kanske du också vill isolera de sidor som laddas långsamt. När du har isolerat dem kan Raygun visa dig vilken tid de tar för att lösa DNS, latens, SSL-handskakning etc. Det här ger dig en bra uppfattning om de områden där du kan göra förbättringar för att minska sidladdningstiden. Följande bild ska göra det klart.
Du kan också filtrera data för att få en mer exakt bild av belastningstiden för en viss sida och olika faktorer som påverkar det. Ovanstående bild visade dig genomsnittlig latens för alla önskemål som gjordes på sidan "Om oss". Du kan dock klicka på Lägg till filter knappen längst upp och bara se "Om oss" laddningstidsgrafen för ett visst land som Italien.
Du kommer också att se alla önskemål från en viss sida längst ner. I grund och botten kommer du att kunna se DNS, latens, SSL, server och överföringstid för varje resurs som laddas för en viss sida och se om någon av dem är den skyldige.
När du väl vet vilka resurser som tar för lång tid att ladda, kan du börja optimera dina sidor.
Som du såg i den här handledningen kan Raygun vara till stor hjälp för organisationer som vill förbättra sina sidbelastningstider. Det är super lätt att integrera, och efter framgångsrik integration kommer dataen helt enkelt att dyka upp i instrumentbrädan utan något ingrepp från din sida.
Raygun har också olika flikar för att organisera de samlade data så att du kan analysera det enklare och effektivt. Det kan till exempel visa att du laddar tider för olika länder, webbläsare och plattformar. Det har också filter som du kan använda för att isolera en viss uppsättning data från resten och analysera den noga.
Om du eller ditt företag letar efter ett lättanpassat verktyg som kan ge bra insikter om hur dina verkliga användare interagerar med din webbplats, bör du definitivt ge Raygun ett försök. Du har inget att förlora eftersom det är gratis under de första 14 dagarna!
Och medan du är här, kolla in några av våra andra handledning på Raygun!