Share
In deze zelfstudie concentreren we ons op het vinden en repareren van slechte pagina-laadtijden met Raygun. Maar laten we, voordat we dat doen, bespreken waarom iets langere laadtijd van de pagina zo belangrijk kan zijn.
Een van de belangrijkste dingen die u kunt doen om een goede eerste indruk te maken van potentiële klanten of klanten die uw website bezoeken, is de laadsnelheid verbeteren.
Stel u een klant voor die net van uw vriend over uw bedrijf heeft gehoord. U verkoopt een product online dat gebruikers kunnen kopen door uw website te bezoeken. Als het laden van verschillende websitepagina's lang duurt en u dit product niet exclusief verkoopt, is de kans groot dat de klant uw site verlaat en ergens anders naartoe gaat.
Je hebt hier niet alleen je eerste verkoop gemist, je hebt ook de kans gemist om een loyale klant te hebben die in de toekomst meer producten zou hebben gekocht.
Dat is het ding met het internet - mensen zijn slechts een paar klikken verwijderd van het verlaten van uw website en het kopen van iets van uw concurrenten. Snellere laadpagina's kunnen u een voorsprong geven op concurrenten en uw inkomsten verhogen.
Raygun vertrouwt op Real User Monitoring Insights (RUM Insights) om de prestaties en de laadtijd van een website te verbeteren. De term "Real User Monitoring" is hier de sleutel. U kunt tools zoals WebPagetest en Google Page Speed Insights gebruiken om afzonderlijke pagina's te optimaliseren, maar deze resultaten zijn niet gebaseerd op echte gebruikersgegevens. Aan de andere kant zijn de gegevens van Raygun gebaseerd op echte gebruikers die uw website hebben bezocht.
Raygun presenteert de informatie ook op een meer georganiseerde manier door u dingen te vertellen zoals de gemiddelde paginasnelheid voor de website, de meest gevraagde pagina's en de langzaamste pagina's. Op deze manier kunt u eerst bepalen welke pagina of sectie van de website moet worden geoptimaliseerd.
U kunt ook zien hoe snel de website wordt geladen voor gebruikers in verschillende landen of voor gebruikers met verschillende browsers. Op dezelfde manier kunt u de snelheid van uw website op mobiel versus desktop vergelijken.
Een ander voordeel van Raygun is dat het u laat zien hoe de website presteert voor verschillende gebruikers. De website kan bijvoorbeeld langzaam laden voor een van uw meest waardevolle klanten. In dergelijke gevallen zou je er zeker van willen weten en iets willen doen om hun ervaring te verbeteren voordat het te laat is.
In de volgende delen van dit artikel zullen we leren hoe we dit allemaal met Raygun kunnen doen.
U moet zich aanmelden voor een account voordat Raygun in uw website wordt geïntegreerd. Met dit account hebt u gedurende 14 dagen gratis toegang tot alle Raygun-functies.
Nadat u zich hebt geregistreerd, klikt u op de Applicatie maken om een nieuwe applicatie te maken. U kunt een naam voor uw toepassing invullen op het volgende scherm en vervolgens een aantal vakjes aanvinken om meldingen over fouten en echte inzichten voor gebruikersbewaking te ontvangen.
Nu hoeft u alleen maar uw ontwikkelingsplatform of framework te selecteren. In dit geval gebruiken we JavaScript.
Ten slotte krijgt u een code die u moet toevoegen op alle pagina's die u wilt controleren. In plaats van de volgende code in uw website te plaatsen, kunt u ook de productie- of ontwikkelversie van de bibliotheek downloaden en deze zelf toevoegen.
Nadat u het bovenstaande codefragment heeft toegevoegd vóór het sluiten tag, moet u het volgende fragment vlak voor de sluiting plaatsen label.
Als u geen code meer toevoegt, begint Raygun nu met het verzamelen van anonieme gegevens. Dit betekent dat u kunt weten hoe uw website presteert voor verschillende gebruikers, maar er is geen manier om die gebruikers te identificeren.
Er is een eenvoudige oplossing voor dit probleem. Het enige wat u hoeft te doen is de volgende code op uw webpagina's toevoegen en Raygun zorgt voor de rest.
Accentsconagua
rg4js ('setUser', identifier: 'unique_id', isAnonymous: false, email: '[email protected]', firstName: 'Firstname', fullName: 'Voornaam achternaam');U moet deze drie stukjes code opnemen in alle pagina's die u wilt volgen. Als u klaar bent, verschijnen de gegevens in het dashboard om te analyseren.
Het gedeelte Real User Monitoring in het Raygun-dashboard heeft veel tabbladen om de gegevens in verschillende indelingen weer te geven. We zullen kort al deze tabbladen bespreken om u te laten zien hoe de informatie die erin wordt gepresenteerd kan worden gebruikt om pagina's met slechte laadtijden te vinden.
De Leven tabblad geeft u een realistisch overzicht van de prestaties van uw site. Het heeft verschillende statistieken zoals Gezondheidsscore om u te laten zien hoe de site momenteel presteert. U kunt meer lezen over al deze statistieken in de documentatie voor het tabblad Live op de Raygun-website.
Het heeft ook een wereldkaart om de landen van uw momenteel actieve gebruikers te wijzen. U vindt ook een lijst met de meest recente verzoeken aan uw website door verschillende gebruikers. Hier is een afbeelding met de meest recente verzoeken aan onze website.
Het tabblad Prestaties heeft vijf nuttige statistieken om u snel een overzicht te geven van de laadtijd van de webpagina. Een mediane laadtijd van 1,41 seconden betekent bijvoorbeeld dat 50% van uw pagina's wordt geladen voordat er 1,41 seconden zijn verstreken. Evenzo, a P90 Laadtijd van 6.78 seconden vertelt je dat 90% van de tijd de website laadt vóór 6.48 seconden.
Dit zou u een globaal beeld moeten geven van de prestaties van een website en hoe traag het is voor de langzaamste 10% van de gebruikers.
Het tabblad Prestaties bevat ook een lijst met de langzaamste en meest gevraagde pagina's onderaan. Het kennen van de meest populaire en de langzaamste pagina's kan erg handig zijn als je prioriteit wilt geven aan welke delen van je website eerst moeten worden gerepareerd.
Hoewel alle pagina's in een website zo snel mogelijk moeten worden geladen, zijn sommige van deze pagina's belangrijker dan andere. Daarom zou u misschien geïnteresseerd zijn in het achterhalen van de prestaties van een bepaalde pagina op een website. U kunt dit doen door simpelweg de pagina in te tikken die u zoekt in het invoerveld. Dit geeft u informatie over de mediane, gemiddelde en P90 laadtijd van een bepaalde pagina. Hier zijn de gegevens voor de startpagina van onze website.
U kunt de Sessions tab om sessiegerelateerde informatie te zien, zoals het totale aantal sessies, het totale aantal gebruikers en de mediane sessielengte. De sessietabel geeft u een snel overzicht van de laatste 150 sessies met informatie zoals het land, de duur, de totale paginaweergaven en de laatst bezochte pagina voor een sessie.
Door op het vergrootglas te klikken, krijgt u meer informatie over een bepaalde sessie zoals de pagina's die de gebruiker heeft bezocht, de laadtijd van die pagina's en de browser / het apparaat dat tijdens de sessie werd gebruikt.
De gebruikers tabblad geeft u een overzicht van het tevredenheidsniveau van verschillende gebruikers met uw website. Dit kan erg handig zijn als u wilt zien hoe een bepaalde gebruiker met uw website omgaat en of of waarom de laadtijd van de pagina meer is dan verwacht.
Er zijn drie andere tabbladen om informatie weer te geven over alle paginaweergaven in termen van browsers, platforms en geografie. Op deze manier weet u of een webpagina langzaam wordt geladen op een bepaalde browser of platform. U zult ook een ruw idee hebben van de verdeling van gebruikers. Bijvoorbeeld, weten of de meeste van uw klanten uit een bepaald land komen of een bepaalde browser gebruiken, kan erg handig zijn.
Raygun vermeldt het percentage bezoekers van een bepaald continent bovenaan de pagina Geo tab. Daarna biedt het een kaart met de verdeling van laadtijden. Landen met de langzaamste laadtijden zijn gevuld met rood en landen met snelle laadtijden zijn gevuld met groen.
Als u consequent slechte laadtijden krijgt van een bepaald land, is het wellicht de moeite waard om goed te kijken en de reden te achterhalen.
In het vorige gedeelte hebben we geleerd hoe we alle door Raygun verzamelde gegevens kunnen gebruiken om erachter te komen welke pagina's lang worden geladen of dat er landen zijn waar de laadtijden van de pagina langer zijn dan gebruikelijk.
Nu is het tijd om te zien hoe we Raygun kunnen gebruiken om problemen te achterhalen die ertoe kunnen leiden dat een bepaalde pagina of de hele website langzamer dan normaal wordt geladen.
Het verbeteren van een slechte paginalaadtijd van een website kan behoorlijk overweldigend zijn, vooral als de website erg ingewikkeld is of veel pagina's bevat. Het probleem zit hem in het vinden van wat te verbeteren en waar te beginnen.
Gelukkig kan Raygun je algemene inzichten bieden om je website te verbeteren. U kunt op de klikken inzichten opties onder de Real User Monitoring menu, en Raygun zal uw website scannen op mogelijke problemen. U kunt een lijst van al deze regels vinden in de officiële Raygun-documentatie. Door alle vermelde problemen op te lossen, wordt uw website aanzienlijk sneller.
Naast het volgen van deze algemene richtlijnen, wilt u misschien ook de pagina's isoleren die langzaam zijn geladen. Zodra u ze hebt geïsoleerd, kan Raygun u de tijd laten zien die ze nodig hebben om DNS, latentie, SSL-handshake, enz. Op te lossen. Dit geeft u een goed idee van de gebieden waar u verbeteringen kunt aanbrengen om de laadtijd van de pagina te verminderen. De volgende afbeelding zou het duidelijk moeten maken.
U kunt de gegevens ook filteren om een nauwkeuriger beeld te krijgen van de laadtijd voor een bepaalde pagina en verschillende factoren die hierop van invloed zijn. De bovenstaande afbeelding toonde u de gemiddelde latentie voor alle verzoeken die werden gedaan op de pagina 'Over ons'. U kunt echter klikken op de Filter toevoegen knop bovenaan en alleen de laadtijdgrafiek "Over ons" voor een specifiek land als Italië.
U ziet ook alle verzoeken van een specifieke pagina onderaan. In principe kunt u de DNS, latentie, SSL, server en overdrachtstijd zien voor elke resource die voor een specifieke pagina is geladen en zien of een van hen de boosdoener is.
Zodra u weet welke bronnen te lang duren om te laden, kunt u beginnen met het optimaliseren van uw pagina's.
Zoals je in deze tutorial hebt gezien, kan Raygun een grote hulp zijn voor organisaties die hun laadtijd van pagina's willen verbeteren. Het is supereenvoudig te integreren en na een geslaagde integratie worden de gegevens eenvoudig zichtbaar in het dashboard zonder tussenkomst van uw kant.
Raygun heeft ook verschillende tabbladen om de verzamelde gegevens te organiseren, zodat u deze gemakkelijker en efficiënter kunt analyseren. Het kan bijvoorbeeld laadtijden voor verschillende landen, browsers en platforms weergeven. Het heeft ook filters die u kunt gebruiken om een bepaalde set met gegevens van de rest te isoleren en deze nauwkeurig te analyseren.
Als u of uw bedrijf op zoek zijn naar een eenvoudig te integreren hulpmiddel dat geweldige inzichten biedt over hoe uw echte gebruikers omgaan met uw website, moet u Raygun zeker eens proberen. U hoeft niets te verliezen omdat het de eerste 14 dagen gratis is!
En terwijl je hier bent, bekijk enkele van onze andere tutorials over Raygun!
