Making Your Grandparents Happy With Web App Performance Monitoring
summary
Shows a working RUM pipeline: browser collects markers with the performance API and sends them with navigator.sendBeacon to an API that feeds Prometheus and dashboards in Grafana. Uses markers for CSS/script/grid render, samples (one in 10,000) to control Big Data, and notes Chrome-only fields like connection speed and memory. At Outbrain this finds Google Tag Manager spikes, CDN and bootstrap slowdowns, and cuts 75th‑percentile load from ~20s to ~9s after fixes like lazy loading and third‑party removal.
AI-written summary · about
chapters (4)
related talks
26mObserving Node.js: Using Metrics to Improve your Application Performance
16mCoding Session: Stunning Performance
35mImprove Your Web Application Using Progressive Web Metrics
16mHome Brewing R.U.M - Analyzing application performance with real user monitoring
18mWebsite performance from user perspective
44mAiming for the Stars
21mState of Performance
33mDemystifying Web Performance Tooling