Monitorizare front-end cu noul browser Relic

Ce veți crea

Cele mai multe servicii de analiză funcționează prin înregistrarea numai a informațiilor de bază despre utilizatorii dvs. de vizitare, de ex. adresa urlului vizitat, urlul de trimitere, sistemul de operare al calculatorului și timpul petrecut pe pagină înainte de plecare. Adică, multe servicii de analiză oferă un nivel de bază de informații, dar se întâmplă mult mai mult în browser-ul clientului după încărcarea paginii, cum ar fi apelurile Javascript și Ajax ulterioare. Astfel, există o mulțime de spațiu pentru inovare, care este locul în care rulează serviciul New Relic's Browser.

New Relic este un serviciu de monitorizare a performanței, care rulează cu o varietate de tehnologii de server și limbă, iar Browser rulează analiza pe computerele și dispozitivele proprii ale utilizatorilor în browserele lor. Procedând astfel, vă oferă o imagine a experienței utilizatorilor dvs. real cu produsul dvs. Noul Relic Browser este singurul produs de monitorizare care face acest lucru.

Noul Relic Browser monitorizează datele ciclului de viață al paginilor complete - cu mult peste încărcarea inițială a paginii. Pentru fiecare încărcare de pagină a utilizatorului final, New Relic captează:

  • Timp petrecut în partea din față (browser)
  • Codul și evenimentele executate în browser (JavaScript, Ajax și interacțiunile utilizatorului final)
  • Timpul petrecut în spate (rețea și aplicație web)
  • Originea geografică
  • Tipul și versiunea browserului și sistemul de operare

Puteți să vizualizați datele la nivel global pentru toți utilizatorii și să o vizualizați în felii și cuburi de pagină web, browser, sesiune de utilizator și locație.

Browserul vă poate ajuta să identificați problemele legate de client pe care nici un alt serviciu de monitorizare nu le poate oferi. Și vă poate ajuta să identificați și să izolați problemele cu anumite browsere, versiuni sau locații de rețea geografică. De fapt, echipa New Relic a scris un post blog despre lucrurile nebune pe care le-a descoperit despre browserele utilizatorilor finali în timpul testelor beta, cum ar fi instalările malware și comportamentul chiric al Chrome.

Noțiuni de bază

Pentru a începe, trebuie să vă înregistrați pentru contul gratuit de la New Relic:


Dacă utilizați deja New Relic, probabil din celălalt tutorial despre WordPress și W3 Total Cache, este posibil să fie necesar să activați tutorialul Browser Pro. Conectați-vă și căutați butonul "adăugați-mă la Procesul Browser Pro". Aceasta va activa testul gratuit de 30 de zile pentru funcțiile Browser Pro.

După ce ați terminat înregistrarea, urmați instrucțiunile de instalare de pe pagina potrivită pentru înregistrarea dvs. Folosesc Ubuntu 14.04. Noua versiune Relic oferă instrucțiuni avansate de instalare pentru majoritatea limbilor.

Pentru instalarea mea Ubuntu, merge așa. WordPress W3TC Noua instalare Relic funcționează puțin diferit.

Adăugați un depozit nou pentru Relic apt:

echo deb http://apt.newrelic.com/debian/ newrelic non-free >> /etc/apt/sources.list.d/newrelic.list

Aveți încredere în noua cheie Relic GPG:

wget -O - http://download.newrelic.com/548C16BF.gpg | sudo apt-key add - 

Actualizați și lista de pachete locale și instalați New Relic:

sudo apt-get update

Dacă utilizați setarea standard New Relic, acesta va fi:

apt-get instalează newrelic-sysmond

Configurați și lansați monitorul de sistem. Dacă utilizați configurația generică New Relic, procedați astfel:

nrsysmond-config - set license_key = cheia dvs. de licență-merge-aici 

Porniți noul demonic Relic:

/etc/init.d/newrelic-sysmond începe

Indiferent de abordarea pe care o utilizați, reporniți serverul web:

serviciul apache2 reload

După câteva minute, ar trebui să vedeți mesajul roșu de pe pagina de configurare care indică faptul că datele se strecoară în serverul New Relic. Tare nu?

După aceasta, puteți seta New Relic Browser. Există două modalități de a face acest lucru:

  1. Puteți instala aplicația printr-un agent APM în partea din spate și apoi activați pro trialul din cadrul aplicației.
  2. Aveți posibilitatea să instalați noul browser Relic printr-o metodă autonomă. Aceasta va genera codul JavaScript care poate fi injectat în antetul unei pagini și care va începe să colecteze datele browserului fără a avea nevoie de implementarea unui back-end.

Ambele opțiuni sunt documentate aici.

Învățați din browser

Accesați pagina produsului browserului pentru a vedea datele pe care le colectează. Navigarea în aplicația Browser este destul de simplă utilizând tabloul de bord al stângii. Am arătat-o ​​mai jos pentru că l-am omorât din capturile de ecran care urmează (pentru a oferi mai mult ecran real estate pentru conținut).

Prezentarea generală

Prezentarea generală este vizualizarea principală la nivel înalt pentru browser, oferindu-vă o vizualizare a problemelor de performanță care pot sau nu pot apărea. Prezentarea generală este un loc minunat pentru a găsi probleme care merită o inspecție mai profundă.

Este, în esență, o vizualizare în timp real a vizitelor efective ale paginilor, care definesc performanța prin timpul petrecut în rețea, serverul web, procesarea DOM și redarea paginilor.

Scorul Apdex vă oferă o măsurare cantitativă a experiențelor de utilizare a site-ului dvs. pe baza timpului de răspuns, adică raportul dintre timpii de răspuns satisfăcător și timpii de răspuns nesatisfăcător).

În Prezentare generală, puteți face clic pe orice element care pare să aibă o performanță slabă. Citiți mai multe despre utilizarea paginii Prezentare generală.

Sesiune Traces

Sesiunile sesiunii vă dau vizibilitate întregului ciclu de viață al unei pagini web, incluzând interacțiunile utilizatorilor, încărcarea activelor, iframe-uri, timpul petrecut în așteptarea apelurilor Ajax, erorile și mai mult - urmărirea experienței reale a unui utilizator real de la început până la sfârșit. 

Nu numai că urmele identifică probleme - dar vă pot arăta ce a făcut utilizatorul înainte și după apariția erorii. 


Senzațiile sesiunii vă ajută să înțelegeți:

  • Modul în care utilizatorii experimentează încărcarea paginii dvs., inclusiv timpul pentru încărcarea DOM, timpul în așteptarea finalizării solicitărilor Ajax și interacțiunile utilizatorului cu pagina
  • Modul în care valorile New Relic reflectă experiențele utilizatorilor finali
  • Secvența evenimentelor JavaScript și a browserului, care durează mai mult decât altele și când apare fiecare eveniment
  • În cazul în care apar blocaje și care ar putea fi cauza lor
  • De ce încărcarea unei pagini poate fi mai lentă decât altele, oferind contextul evenimentelor individuale în timpul unei sesiuni

Faceți clic pe orice pagină și obțineți o defalcare detaliată a activității în vizita unei anumite pagini a unui anumit utilizator. Este chiar uimitor de fapt - și foarte util pentru diagnosticarea problemelor. 

Puteți vedea exact ceea ce se întâmpla în browser-ul anumitor utilizatori la un moment dat. Sesiunile de sesiuni vă oferă o vizualizare detaliată și intuitivă a tuturor evenimentelor din sesiunea utilizatorului, care vă pot ajuta să identificați zonele problematice și să identificați cu ușurință soluțiile. Citiți mai multe despre utilizarea urmelor sesiunii.

Vizualizări de pagină

Vizualizările de pagină vă arată performanța detaliată de către cele mai frecvent accesate pagini de pe site-ul dvs.:

Când efectuați o analiză detaliată, puteți vedea performanța fiecărui fișier încărcat de site-ul dvs.:

Citiți mai multe despre interpretarea graficelor de vizualizare a paginilor.

Ajax

Pagina Ajax vă permite să vedeți ce se întâmplă cu orice apeluri interactiv pe care le aveți pe pagină, ajutând la identificarea problemelor cu experiența utilizatorilor dvs. atunci când aveți apeluri care consumă mult timp sau care nu vă ajută:

Rețineți că browserul nu înregistrează automat date Ajax. Trebuie să activați aplicația în zona New Relic settings. Citiți mai multe despre tabloul de bord Ajax.

Erori JavaScript

Tabloul de bord pentru erorile de browser pentru JavaScript vă permite să vedeți rapid ce erori se întâmplă în JavaScript în timpul producției live, pe care browsere. Puteți investiga erorile în funcție de numărul de apariții ale fiecărui număr și de numărul de încărcări unice ale paginii care au întâlnit această eroare. 

Acest lucru vă permite să identificați erorile care afectează experiențele utilizatorilor reali pe site-ul dvs.; este o modalitate deosebit de puternică de a învăța despre erorile JavaScript care nu apar în propria dvs. testare - sau pe browserele pe care le-ați fi exclus de la testbed.

Din nou, trebuie să activați raportarea javascript în zona de setări New Relic și există unele probleme legate de confidențialitate și securitate cu această caracteristică. Asigurați-vă că citiți mai multe despre utilizarea tabloului de bord pentru erorile JavaScript înainte de ao activa.

browserele

Noul Relic Browser vă permite, de asemenea, să vedeți performanța site-ului dvs. web în diferite browsere.

Citiți mai multe despre utilizarea tabloului de bord al Browserelor.

Geografie

Tabloul de bord Geografie vă arată scorurile de performanță ale experienței reale a utilizatorilor finali din întreaga lume. Aveți posibilitatea să selectați anumite regiuni geografice, cum ar fi țări sau state, și apoi puteți trece la informații detaliate despre performanța încărcării paginii și performanța istorică.

Acest lucru poate fi foarte util în identificarea problemelor de rețea care sunt dificil de descoperit. Citiți mai multe despre utilizarea tabloului de bord al Geografiei. 

Privind înainte

Sper că ați găsit că această imagine de ansamblu este interesantă. Noua aplicație Relic Browser aduce instrumente de analiză și depanare foarte puternice și sofisticate la toate vârfurile degetelor.

Noul Relic Browser Pro Trial durează 30 de zile. În timp ce puteți folosi gratuit serviciul de monitorizare a literelor New Relic Browser (și este inclus împreună cu toate pachetele New Relic APM), va trebui să faceți upgrade la planul Pro (începând de la 99 USD pe lună pentru 500.000 de afișări de pagini) pentru a păstra browserul serviciu. De asemenea, este important să actualizați ocazional New Relic și să verificați fișierele sale de jurnal. Consultați ghidul de întreținere New Relic.

Dacă aveți întrebări sau sugestii, vă rugăm să le postați în comentarii. Dacă doriți să păstrați pasul cu viitoarele tutoriale Tuts + și alte serii, vizitați pagina autorului meu sau urmați @reifman.

Link-uri conexe

  • Noi informații despre produse de la Relic Browser
  • Noua documentație pentru Relic Browser
  • Lucruri nebunești am descoperit dezvoltarea noului browser de relix
  • Utilizarea programului Relic pentru monitorizarea performanței WordPress (Tuts +)
Cod