Web Performance APIs You (probably) Didn't Know Existed
summary
Survey of concrete Web APIs and tactics for fixing responsiveness: shows how to use PerformanceObserver entries like Long Tasks (>50ms), element-timing/mark/measure and layout-instability to find blocked main-thread work and CLs; demos using Server-Timing headers and navigation/resource timing to split backend vs network; uses navigator.connection to choose between a preview chunk and a full video (only preview.gsx downloads on 3G) and mentions self-profiling, userAgentSpecificMemory, native lazy loading, preload/preconnect and priority hints. Includes data: FID multiplies on mobile and 500 ms latency raises abandonment ~26%.
AI-written summary · about
chapters (22)
- 0:00Start
- 4:49FIXING WEB PERFORMANCE
- 9:02MEASURING
- 11:22PAGE VISIBILITY
- 14:03LAYOUT INSTABILITY
- 14:52TIMING (1st ACT)
- 15:52USER TIMING + TOOLS
- 17:02ELEMENT TIMING + TOOLS
- 18:37PROFILING
- 18:50LONG TASKS
- 23:00MEMORY LEAKS
- 24:21TIMING (2nd ACT)
- 24:45RESOURCE TIMING
- 25:16NAVIGATION TIMING
- 26:16SERVER TIMING
- 29:38NETWORK INFORMATION
- 31:36RESOURCE HINTS
- 31:50PRECONNECT
- 34:53PRIORITY HINTS
- 36:36NATIVE LAZY-LOADING
- 37:46NATIVE SCHEDULER
- 44:33BANDWIDTH MIX
related talks
59mWeb performance APIs you (probably) didn't know existed
22mWeb Perf APIs That You (Probably) Never Knew Existed
01h 02mWeb Performance Tuning with browser APIs
43mPlanet of the APIs: A Tale of Performance and UX
18mWebsite performance from user perspective
39mGiving you ways to increase, but also explain site performance, to your boss.
16mCoding Session: Stunning Performance
22mNew Perspectives on Performance