Cisco AppDynamics Browser RUM EUM2011

Eğitim Hakkında

Browser Real User Monitoring ile web uygulamalarının son kullanıcıya ulaşma hızını ölçmek

Bu eğitim, Cisco AppDynamics End User Monitoring (EUM) ürününün tarayıcı tarafını, yani Browser RUM'ı uygulamalı olarak ele alır. JavaScript Agent'ın HTML içine enjeksiyonu, otomatik ve manuel enstrümantasyon, EUM App Key yapılandırması ve beacon trafiğinin EUM Cloud / on-prem EUM Server'a akışı işlenir. Katılımcı, End User Response Time (EURT), Page Render Time, First Byte Time, DOM Ready, AJAX çağrı süreleri ve JavaScript hatalarını Controller arayüzünde yorumlamayı öğrenir. Pages & AJAX Requests, Browser Snapshots, geo ve cihaz/tarayıcı kırılımları ile Core Web Vitals ölçümleri incelenir.

Süre ve Format

2 Gün. Her gün dört modül; teorik anlatımın ardından Controller üzerinde canlı Browser RUM panoları ve beacon analizi laboratuvarları yapılır.

Seviye

Temel Seviye — Cisco AppDynamics Browser RUM ile tarayıcı tarafı son kullanıcı deneyimini izleme, JavaScript Agent kurulumu ve sayfa performans metriklerini yorumlama.

Öğrenme Metodu

Örnek bir web uygulamasına JavaScript Agent enjekte edilerek gerçek beacon verisi üretilir ve metrikler AppDynamics Controller panolarında birlikte yorumlanır.

Neden Bu Eğitim?

🌐Gerçek Kullanıcı

Sentetik testler yerine son kullanıcının tarayıcısında ölçülen gerçek sayfa yükleme ve render sürelerini görürsünüz.

⚡Hızlı Teşhis

Yavaş sayfaları, ağır AJAX çağrılarını ve JavaScript hatalarını Browser Snapshot ile saniyeler içinde kök nedene bağlarsınız.

📊İş Etkisi

Coğrafya, cihaz ve tarayıcı kırılımlarıyla performansın dönüşüm ve kullanıcı memnuniyetine etkisini raporlarsınız.

Anahtar Konular

cisco appdynamics eğitimibrowser rumend user monitoringjavascript agenteum2011core web vitalsajax izlemeson kullanıcı deneyimisayfa performansıbrowser snapshot

“Kullanıcının gerçekten yaşadığı hızı ölçmeden, uygulamanızın hızlı olduğunu yalnızca varsayarsınız.”

Ön Koşullar

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

1

Web Temelleri

HTML, JavaScript ve DOM kavramlarına temel düzeyde aşinalık beklenir.

2

HTTP Bilgisi

İstek/yanıt döngüsü, durum kodları ve tarayıcı ağ sekmesini okuyabilme faydalıdır.

3

Erişim

Bir AppDynamics Controller (SaaS deneme veya on-prem) ve EUM lisans/App Key erişimi gereklidir.

4

Örnek Uygulama

Enstrümante edilebilecek bir test web uygulaması veya statik site barındırma ortamı önerilir.

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ı, End User Monitoring mimarisini kavrar ve bir web uygulamasına JavaScript Agent'ı doğru biçimde enjekte ederek beacon akışını başlatır.

Modül 1

End User Monitoring Mimarisi

Browser RUM, Mobile RUM ve Synthetic ayrımı
EUM Cloud ile on-prem EUM Server farkları
Controller, EUM Server ve beacon ilişkisi
EUM App Key kavramı ve lisanslama
Veri akışı: tarayıcı → EUM collector → Controller
Gizlilik ve veri toplama kapsamı (PII) ilkeleri

Modül 2

JavaScript Agent Enjeksiyonu

Manuel enjeksiyon: adrum header ve footer kod blokları
Otomatik enjeksiyon: APM uygulama agent ile inject
adrum-config ile App Key ve bölge ayarı
Agent sürümü ve CDN üzerinden dağıtım
Single Page Application (SPA) için SPA2 modu
Enjeksiyon doğrulaması ve beacon'ların ağ sekmesinde görülmesi

Modül 3

Yapılandırma ve Veri Toplama

Instrumentation türü: automatic, manual, hybrid
beaconUrlHttps ve collector endpoint tanımı
Sampling ve veri hacmi yönetimi
Cookie ve sessionization davranışı
Ignore/exclude URL desenleri ile gürültü azaltma
Allow origin ve CORS ile beacon iletimi

Modül 4

İlk Browser RUM Panoları

Browser App Dashboard genel görünümü
End User Response Time (EURT) metriğinin bileşenleri
Load, DOM Ready ve First Byte zaman çizelgesi
Normal aralık (baseline) oluşumunun gözlenmesi
Trafik haritası ve çağrı hacmi grafiği
Metrik tazeleme aralığı ve gecikmenin yorumu

Günün hedefiKatılımcı, Pages & AJAX Requests panolarını, Browser Snapshot'ları ve coğrafi/cihaz kırılımlarını kullanarak performans sorunlarını kök nedene indirger.

Modül 1

Pages & AJAX Requests Analizi

Base Page ve Virtual Page kavramları
AJAX request metriklerinin sayfaya ilişkilendirilmesi
Resource timing: DNS, TCP, SSL, TTFB kırılımı
Yavaş ve çok yavaş eşiklerinin yorumu
End User Response Time dağılım histogramı
Sayfa bazında normal aralık sapma tespiti

Modül 2

Browser Snapshots

Snapshot tetikleme: yavaş, hatalı ve periyodik
Waterfall grafiğinde kaynak yükleme sırası
Correlated APM Business Transaction bağlantısı
Snapshot içindeki JavaScript hata izleri
Connection, send/receive ve processing fazları
Snapshot'tan sunucu tarafı call graph'e geçiş

Modül 3

Core Web Vitals ve Deneyim

Largest Contentful Paint (LCP) ölçümü
First Input Delay / Interaction yorumları
Cumulative Layout Shift (CLS) göstergeleri
Visually Complete ve render zamanlaması
Kullanıcı memnuniyeti eşiklerinin tanımı
Vitals'ın iş metrikleriyle ilişkilendirilmesi

Modül 4

Geo, Cihaz ve JavaScript Hataları

Coğrafi dağılım haritasıyla bölgesel yavaşlık tespiti
Tarayıcı ve sürüm bazında performans kırılımı
Mobil/masaüstü cihaz segmentasyonu
JavaScript Errors panosu ve hata gruplama
Health Rule ve policy ile otomatik uyarı
Rapor ve paylaşılabilir pano oluşturma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Agent Kurulumu

JavaScript Agent'ı manuel ve otomatik yöntemlerle bir web uygulamasına doğru biçimde enjekte edebilirsiniz.

✅

Beacon Akışı

EUM App Key ve collector yapılandırmasıyla beacon verisinin Controller'a akışını doğrulayabilirsiniz.

✅

Metrik Yorumu

EURT, Page Render Time ve First Byte gibi metrikleri bileşenlerine ayırıp yorumlayabilirsiniz.

✅

AJAX İzleme

AJAX isteklerinin sürelerini ilgili sayfalara bağlayıp yavaş çağrıları tespit edebilirsiniz.

✅

Snapshot Analizi

Browser Snapshot waterfall grafiğini okuyarak yavaşlığın hangi fazda oluştuğunu bulabilirsiniz.

✅

Web Vitals

LCP, CLS gibi Core Web Vitals göstergelerini izleyip kullanıcı deneyimini değerlendirebilirsiniz.

✅

Segmentasyon

Coğrafya, cihaz ve tarayıcı kırılımlarıyla performans sorunlarını hedefli olarak daraltabilirsiniz.

✅

Uyarı Kurma

Health Rule ve policy tanımlayarak son kullanıcı performansı için proaktif uyarılar oluşturabilirsiniz.

Kimler İçin Uygundur?

Web uygulamalarının son kullanıcı deneyimini ölçmek isteyen frontend geliştiriciler
performans mühendisleri
uygulama destek ekipleri. Temel web (HTML/JS) ve HTTP bilgisi olan katılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web uygulamalarının son kullanıcı deneyimini ölçmek isteyen frontend geliştiriciler, performans mühendisleri ve uygulama destek ekipleri için uygundur.

Eğitimde sunucu tarafı APM de işleniyor mu?

Odak Browser RUM'dır; ancak Snapshot'lardan ilişkili sunucu tarafı Business Transaction'lara geçiş kısaca gösterilir.

JavaScript Agent'ı nasıl enjekte ederiz?

Hem manuel adrum kod bloğu ekleme hem de APM agent üzerinden otomatik enjeksiyon yöntemleri uygulamalı olarak gösterilir.

SaaS mı yoksa on-prem Controller mı gerekir?

Her ikisi de uygundur; EUM Cloud ile on-prem EUM Server arasındaki farklar eğitimde açıklanır.

Eğitim sonunda sertifika veriliyor mu?

Katılım 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

MONITORING APPLICATION PERFORMANCE IN A BROWSER WITH CISCO APPDYNAMICS (EUM2011) EĞİTİMİ