Shipping High Performance
Web Apps
With Real User Monitoring & Synthetics
(Artist: Unknown)
Hi, I'm Ben (aka @obensource)
Getting Started
WebSound App
Hack on a practical example
Setup a Dashboard
Optimize User Journeys
By using Synthetic Monitoring in the CI/CD Pipeline
Q & A
Observability
Staying informed about App performance & Health
Watching how components perform together
Debugging & Optimization
Feel their pain
and do something about it
Delight people
and add value
Make every
millisecond count
Demo Time!
?
Bundling
Web Workers
Data Layers & State Objects
Component Frameworks
CSS Preprocessing
etc...
Web Assembly
Query Languages
Transpolation
Constantly Observe
Let's Hack
Building a Dashboard
Using Synthetic Tests in a
CI/CD Pipeline
(to Optimize User Journeys)
Workshop
Takeaways
Storedog
db: a PostgreSQL database
frontend: Storedog's front end
discounts: a Python Flask API
advertisements: another Python Flask API
agent: The Datadog agent
Services
Let's hit it!
Questions?
Links / Resources
Workshop Repos
Coming to you soon (in a follow up email)
https://twitter.com/obensource
RUM
https://docs.datadoghq.com/real_user_monitoring/
Synthetics
https://docs.datadoghq.com/synthetics/