Web Perf APIs That You (Probably) Never Knew Existed
summary
Lists concrete browser APIs and what they reveal: use PerformanceObserver to record real user layout shifts and long animation frames (frames over ~50ms) and to attribute shifts to images, fonts, or third‑party scripts; run the sampling self‑profiling profiler on user devices to find hot JS stacks with low overhead; query memory measurements and the PressureObserver to detect leaks and when CPU or memory enters critical states; and apply preconnect, speculation rules, priority hints, native lazy loading, scheduler.postTask and view transitions to reduce latency and improve perceived responsiveness.
AI-written summary · about
chapters (15)
- 0:00Modern web performance intro
- 2:59Why perf work feels overwhelming
- 4:02Measuring layout shifts with CLS
- 5:25Detecting long animation frames
- 6:29Self-profiling JS in production
- 7:31Tracking memory usage and leaks
- 9:38Adapting to CPU pressure
- 11:04Reducing latency with pre-connects
- 12:28Prefetching with speculation rules
- 13:49Prioritizing resources with fetch hints
- 14:31Native lazy loading
- 15:13Scheduling tasks with priorities
- 16:39Yielding work to avoid blocking UI
- 17:00View transitions for smooth nav
- 19:27Performance and AI closing
related talks
59mWeb performance APIs you (probably) didn't know existed
50mWeb Performance APIs You (probably) Didn't Know Existed
01h 02mWeb Performance Tuning with browser APIs
29mWatch your back, Browser! You're being observed
31mWatch your back, Browser! You're being observed
58mA Look At Modern Web APIs You Might Not Know
18mWebsite performance from user perspective
16mCoding Session: Stunning Performance