Measuring Web Performance - Metrics & Tools
summary
Concrete metrics and tools determine whether this is useful: concrete claims about Time to First Byte, First Meaningful Paint and Speed Index with video-based visual metrics, lab tools like webpagetest.org and Lighthouse, RUM via Boomerang JS or the rum speed index heuristic, emulation tools (Chrome low‑end device mode, Network Link Conditioner), a worked example of side‑by‑side video comparisons, and operational advice — set a performance budget (example: 1 MB JS or speed index <2000) and enforce it in CI.
AI-written summary · about
chapters (18)
- 0:00Measuring web performance matters
- 1:03Resource-based metrics limits
- 3:13Timing-based metrics beyond load
- 5:40Custom visual performance markers
- 7:47Speed index and visual completion
- 10:18Browser tools for quick checks
- 12:06WISLO and PageSpeed Insights
- 14:41WebPageTest deep analysis
- 16:27Sitespeed.io modern alternative
- 17:54Google Lighthouse for Progressive Web Apps
- 19:37Real user monitoring in browser
- 21:05Navigation and resource timing APIs
- 22:29RUM Speed Index without video
- 24:12Boomerang JS tracking
- 25:16BrowserTime open-source RUM
- 26:19Performance budgets with teams
- 27:45Facebook’s 2G Tuesdays
- 28:29Performance side-by-side videos
related talks
35mWeb Application Performance Testing from Users Perspective
54mThe Latest in Metrics & Measurement
36mMoneyball for Performance Metrics
20mReal metrics for front-end performance
18mWebsite performance from user perspective
33mDemystifying Web Performance Tooling
49mDemystifying web performance tooling and metrics
39mGiving you ways to increase, but also explain site performance, to your boss.