AppDynamics Browser RUM (EUM201) Eğitimi

Eğitim Hakkında

Gerçek tarayıcı verisiyle sayfa performansını ve son kullanıcı deneyimini izlemek

Bu eğitim, Cisco AppDynamics Browser Real User Monitoring (RUM) ile son kullanıcı deneyimini gerçek tarayıcı verisinden izlemeyi öğretir. JavaScript Agent'ı sayfaya ekleme, EUM App Key ve injection yöntemlerini (manuel, otomatik, agent tabanlı) uygularsınız. End User Response Time, First Byte Time, DOM Ready ve Page Render metriklerini W3C Navigation Timing ile ilişkilendirir; Ajax/Virtual Page ile tek sayfa uygulamalarını (SPA) izlersiniz. Pages & Ajax Requests dashboard'unda browser snapshot, JavaScript error ve geo/browser/device dağılımını analiz eder, synthetic monitoring ile RUM arasındaki farkı kavrarsınız.

Süre ve Format

2 Gün. Her gün dört modül; önce agent kurulumu ve metrik kavramları, sonra Browser RUM dashboard'ları üzerinde gerçek veri analizi uygulaması.

Seviye

Temel Seviye — Cisco AppDynamics EUM ile tarayıcı tabanlı gerçek kullanıcı izleme, sayfa yükleme metrikleri ve Ajax analizi.

Öğrenme Metodu

AppDynamics Controller EUM ortamında JavaScript Agent kurulumu yapılır; Pages & Ajax dashboard, browser snapshot ve geo analizi gerçek sayfa verileriyle uygulanır.

Neden Bu Eğitim?

👤Gerçek Deneyim

Lab değil, sahadaki gerçek kullanıcıların tarayıcısından gelen yükleme sürelerini görürsünüz.

🌍Coğrafi Görünüm

Hangi ülke, tarayıcı ve cihazda sayfanın yavaş olduğunu dağılım analiziyle saptarsınız.

🐞JS Hata Takibi

JavaScript error ve Ajax başarısızlıklarını kullanıcı etkisiyle birlikte izlersiniz.

Anahtar Konular

appdynamics browser rumcisco eum201real user monitoringjavascript agentpage load metrikleriend user response timenavigation timingajax izlemeson kullanıcı deneyimiweb performans izleme

“Performans, sunucunun ölçtüğü değil, kullanıcının tarayıcısında hissettiğidir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Web Temeli

HTML, JavaScript ve tarayıcı sayfa yükleme süreci hakkında temel farkındalık beklenir.

2

HTTP Kavramı

İstek-yanıt, Ajax ve CDN gibi temel web kavramlarını anlamak faydalıdır.

3

Controller Erişimi

AppDynamics Controller ve EUM lisanslı bir ortama erişim gerekir.

4

Örnek Site

JavaScript Agent eklenebilecek bir demo web uygulaması veya sandbox gereklidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı JavaScript Agent'ı kurup page load metriklerini W3C Navigation Timing ile ilişkilendirerek yorumlayabilir.

Modül 1

EUM Mimarisi

Browser RUM ve Mobile RUM kapsamı
EUM Cloud/Server bileşeni
beacon ile veri gönderimi
RUM vs synthetic farkı
APM ile correlation mantığı
EUM lisans ve App Key kavramı

Modül 2

JavaScript Agent Kurulumu

EUM App Key oluşturma
manuel header injection yöntemi
otomatik injection (app agent ile)
assets.appdynamics.com adci dosyası
SPA için agent yapılandırması
agent sürümü ve CSP uyumu

Modül 3

W3C Navigation Timing

navigationStart referans noktası
domainLookup ve connect süreleri
responseStart (First Byte Time)
domContentLoaded olayı
loadEventEnd ve toplam süre
resource timing API ilişkisi

Modül 4

Page Load Metrikleri

End User Response Time (EURT)
First Byte Time yorumu
Server, Network, Client ayrımı
DOM Ready ve Page Render
visually complete kavramı
metrik eşikleriyle sağlık değerlendirme

Günün hedefiKatılımcı Ajax/SPA izlemeyi kurup browser snapshot, JS error ve geo/device dağılımı ile deneyim sorunlarını analiz edebilir.

Modül 1

Ajax ve Virtual Page

XHR/fetch çağrılarını izleme
virtual page ile SPA görünümü
base page ile Ajax ilişkisi
Ajax response time metrikleri
single page app rota takibi
custom virtual page tanımı

Modül 2

Browser Snapshot

yavaş sayfa snapshot tetikleme
waterfall resource görünümü
backend correlation ile APM'e geçiş
snapshot içinde Ajax detayı
stall ve slow eşiği
snapshot'tan kök neden bulma

Modül 3

JavaScript Error İzleme

JS error rate metriği
error mesajı ve script/line bilgisi
error'ı sayfayla ilişkilendirme
ignore ve custom error ayarı
tarayıcıya göre hata dağılımı
kullanıcı etkisini ölçme

Modül 4

Dağılım ve Dashboard

Pages & Ajax Requests dashboard
coğrafi (geo) response time haritası
tarayıcı ve sürüm dağılımı
cihaz/işletim sistemi kırılımı
en yavaş sayfaların sıralaması
health rule ile RUM uyarısı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Agent Kurulumu

JavaScript Agent'ı doğru App Key ve injection yöntemiyle sayfaya ekleyebilirsiniz.

✅

Metrik Yorumu

EURT, First Byte Time ve DOM Ready metriklerini Navigation Timing ile çözümleyebilirsiniz.

✅

Katman Ayrımı

Sorunun server, network yoksa client tarafında olduğunu metriklerle ayırt edebilirsiniz.

✅

Ajax İzleme

Ajax ve virtual page yapılandırmasıyla SPA uygulamalarını izleyebilirsiniz.

✅

Snapshot Analizi

Browser snapshot ve waterfall ile yavaş sayfa kaynaklarını tespit edebilirsiniz.

✅

JS Error Takibi

JavaScript error'larını kullanıcı etkisiyle ilişkilendirip önceliklendirebilirsiniz.

✅

Dağılım Analizi

Geo, tarayıcı ve cihaz dağılımıyla deneyim farklarını saptayabilirsiniz.

✅

RUM vs Synthetic

Gerçek kullanıcı izleme ile synthetic izleme arasındaki farkı doğru değerlendirebilirsiniz.

Kimler İçin Uygundur?

Web uygulama sahipleri
frontend/performans mühendisleri
dijital deneyim analistleri
AppDynamics EUM'u yeni kullananlar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web uygulama sahipleri, frontend/performans mühendisleri, dijital deneyim analistleri ve AppDynamics EUM'u yeni kullananlar için uygundur.

Önceden AppDynamics deneyimi gerekir mi?

Hayır; eğitim Browser RUM kurulumunu ve kavramları sıfırdan ele alır, önceki deneyim şart değildir.

Hangi metrikler işleniyor?

End User Response Time, First Byte Time, DOM Ready, Page Render ve W3C Navigation Timing metrikleri işlenir.

SPA uygulamaları izlenebilir mi?

Evet; Ajax ve virtual page yapılandırmasıyla tek sayfa uygulamaları (SPA) izlenebilir.

Sertifika veriliyor mu?

Eğitim sonunda Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

BROWSER REAL USER MONITORING WITH CISCO APPDYNAMICS (EUM201) EĞİTİMİ