De meeste analyseservices werken door alleen elementaire informatie over uw bezoekende gebruikers op te nemen, bijvoorbeeld de bezochte URL, de verwijzende URL, het besturingssysteem van de computer en de tijd die op de pagina is doorgebracht voordat deze werd verlaten. Dat wil zeggen, veel analyseservices bieden een basisniveau van informatie, maar er gebeurt veel meer in de browser van de client nadat de pagina is geladen, zoals volgende Javascript- en Ajax-oproepen. Er is dus veel ruimte voor innovatie, en daar komt de browser-service van New Relic om de hoek kijken.
New Relic is een prestatiebewakingsservice die wordt uitgevoerd met een verscheidenheid aan server- en taaltechnologieën en Browser voert de analyse uit op de eigen computers en apparaten van uw gebruikers in hun browsers. Door dit te doen, krijgt u een beeld van de ervaring van uw daadwerkelijke gebruikers met uw product. Nieuwe Relic Browser is het enige monitoringproduct dat dit doet.
Nieuwe Relic Browser bewaakt levenscyclusgegevens van de volledige pagina - ver boven de initiële laadtijd van de pagina. Voor elke laadpagina van de eindgebruiker legt New Relic vast:
U kunt de gegevens globaal over alle gebruikers bekijken en deze in schijven en in blokjes gesneden bekijken per webpagina, browser, gebruikerssessie en locatie.
Browser kan u helpen bij het identificeren van client-side problemen die geen andere monitoring-service kan. En het kan u helpen bij het identificeren en isoleren van problemen met specifieke browsers, versies of geografische netwerklocaties. In feite heeft het New Relic-team een blogpost geschreven over de gekke dingen die het tijdens de bètatests blootlegde over browsers van eindgebruikers, zoals malware-installaties en eigenzinnig Chrome-gedrag.
Om te beginnen, moet je je registreren voor je gratis account bij New Relic:
Als u New Relic al gebruikt, misschien uit onze andere zelfstudie over WordPress en W3 Total Cache, moet u mogelijk de Browser Pro-zelfstudie activeren. Meld u aan en zoek de knop 'voeg mij toe aan de Browser Pro-proefversie'. Hiermee wordt de 30 dagen gratis proefversie voor de Browser Pro-functies geactiveerd.
Nadat u de registratie hebt voltooid, volgt u de installatie-instructies op de pagina die geschikt is voor uw registratie. Ik gebruik Ubuntu 14.04. New Relic biedt geavanceerde installatie-instructies voor de meeste talen.
Voor mijn Ubuntu-installatie gaat het als volgt. De installatie van WordPress W3TC New Relic werkt een beetje anders.
Voeg de nieuwe Relic apt-repository toe:
echo deb http://apt.newrelic.com/debian/ newrelic niet-gratis >> /etc/apt/sources.list.d/newrelic.list
Vertrouw op de nieuwe GPG-sleutel van Relic:
wget -O - http://download.newrelic.com/548C16BF.gpg | sudo apt-key toevoegen -
Update en lokale pakketlijst en installeer New Relic:
sudo apt-get update
Als u de standaardinstelling voor New Relic gebruikt, wordt deze:
apt-get newrelic-sysmond installeren
Configureer en start de systeemmonitor. Als u de generieke New Relic-instelling gebruikt, doet u het volgende:
nrsysmond-config --set license_key = uw-licentie-sleutel-gaat-hier
Start de nieuwe Relic-daemon:
/etc/init.d/newrelic-sysmond start
Welke benadering u ook gebruikt, herstart uw webserver:
service apache2 herladen
Na een paar minuten ziet u het rode bericht op de instellingenpagina dat aangeeft dat er gegevens van uw server naar New Relic worden overgebracht. Gaaf he?
Hierna kunt u New Relic Browser instellen. Er zijn twee manieren om dit te doen:
Beide opties zijn hier gedocumenteerd.
Ga naar de Browser-productpagina om de gegevens te bekijken die worden verzameld. Navigeren in de Browser-app is vrij eenvoudig via het linker dashboard. Ik laat het hieronder zien omdat ik het heb weggelaten uit de schermafbeeldingen die volgen (om meer schermruimte te bieden voor de inhoud).
Het overzicht is de belangrijkste weergave op hoog niveau voor Browser, waardoor u een gedetailleerd beeld krijgt van prestatieproblemen die zich al dan niet kunnen voordoen. Het overzicht is een geweldige plek om problemen te vinden die nadere inspectie verdienen.
Het is in wezen een realtime weergave van werkelijke paginabezoeken, waarbij prestaties worden afgebroken op basis van de tijd die is doorgebracht in het netwerk, webserver, DOM-verwerking en paginaweergave.
De Apdex-score geeft u een kwantitatieve meting van de bruikbaarheidservaringen van uw site op basis van de responstijd, d.w.z. de verhouding van bevredigende responstijden tot onbevredigende responstijden).
In het overzicht kunt u klikken op een item dat slecht presteert. Lees meer over het gebruik van de overzichtspagina.
Sessiesporen geven u inzicht in de gehele levenscyclus van een webpagina, inclusief gebruikersinteracties, activumbelading, iframes, wachttijd voor Ajax-oproepen, fouten en meer - het volgen van de echte ervaring van een echte gebruiker van begin tot einde.
Traces identificeren niet alleen problemen, maar ze kunnen u laten zien wat de gebruiker deed voordat en nadat de fout optrad.
Sessietraces helpen je te begrijpen:
Klik op een willekeurige pagina en u krijgt een gedetailleerd overzicht van de activiteit op de paginabezoek van een bepaalde gebruiker. Het is eigenlijk best verbazingwekkend - en super handig voor het diagnosticeren van problemen.
U kunt precies zien wat er op een bepaald moment in de browser van een bepaalde gebruiker gebeurde. Sessiesporen geven u een gedetailleerde en intuïtieve visualisatie van alle gebeurtenissen in de sessie van de gebruiker, kunnen helpen bij het opsporen van probleemgebieden en het gemakkelijk identificeren van oplossingen. Meer informatie over het gebruik van sessiesporen.Paginaweergaven tonen u gedetailleerde prestaties van de meest bezochte pagina's op uw site:
Wanneer u meer details opgeeft, ziet u de prestaties van de afzonderlijke bestanden die door uw site worden geladen:
Lees meer over het interpreteren van paginaweergave grafieken.
Op de Ajax-pagina kun je zien wat er gebeurt met interactieve oproepen die je op de pagina hebt, zodat je problemen met de gebruikerservaring kunt vaststellen als je tijdrovende of mislukte oproepen hebt:
Merk op dat de browser Ajax-gegevens niet automatisch registreert. Je moet het per app inschakelen in het gebied New Relic-instellingen. Lees meer over het Ajax-dashboard.
Het Browser JavaScript-foutendashboard laat je snel zien welke fouten zich in de loop van de tijd in je live productie JavaScript voordoen, op welke browsers. U kunt fouten onderzoeken op basis van het aantal keren dat ze zijn opgetreden en het aantal unieke pagina's dat deze fout heeft aangetroffen.
Hiermee kunt u de fouten identificeren die van invloed zijn op de ervaringen van echte gebruikers op uw site; het is een bijzonder krachtige manier om te leren van JavaScript-fouten die niet worden weergegeven in uw eigen tests - of in browsers die mogelijk zijn uitgesloten van uw testbed.
Nogmaals, u moet Javascript-rapportage activeren in het gebied Nieuwe reliëfinstellingen en er zijn enkele problemen met privacy en beveiliging met deze functie. Lees meer over het gebruik van het JavaScript Errors-dashboard voordat u het activeert.
Met de nieuwe Relic Browser kunt u ook de prestaties van uw website in verschillende browsers bekijken.
Lees meer over het gebruik van het Browsers-dashboard.
Het geografisch dashboard toont u prestatiescores van de werkelijke ervaring van eindgebruikers uit de hele wereld. U kunt specifieke geografische regio's selecteren, zoals landen of staten, waarna u kunt inzoomen op gedetailleerde informatie over het laden van pagina's en historische prestaties..
Dit kan erg handig zijn bij het identificeren van anders moeilijk te ontdekken netwerkproblemen. Lees meer over het gebruik van het dashboard voor geografie.
Ik hoop dat je dit overzicht als intrigerend ervaart. Nieuwe Relic Browser brengt een aantal zeer krachtige en geavanceerde analyse- en foutopsporingstools binnen handbereik.
De New Relic Browser Pro-proef duurt 30 dagen. Hoewel u de New Relic Browser lite monitoring-service gratis kunt gebruiken (en wordt meegeleverd met alle nieuwe Relic APM-pakketten), moet u een upgrade uitvoeren naar het Pro-plan (beginnend bij $ 99 / maand voor 500.000 pageviews) om de browser te behouden service. Het is ook belangrijk om af en toe New Relic bij te werken en zijn logbestanden te controleren. Bekijk de onderhoudshandleiding van New Relic.
Als je vragen of suggesties hebt, plaats deze dan in de comments. Als je graag mijn toekomstige Tuts + tutorials en andere series wilt volgen, ga dan naar mijn auteurspagina of volg @reifman.