Planet of the APIs: A Tale of Performance and UX
summary
Mobile usage passes desktop since November 2016 and 53% of visitors abandon pages that take 3+ seconds, so the talk demonstrates specific browser APIs and measurements to shave seconds off load times. It uses First Contentful Paint and Paint Timing to track FCP/FMP, shows FCP distributions for news sites (many paint after 1.5–2s with long tails to 5s), and recommends Intersection Observer for near-native lazy loading, Network Information API to downserve heavy assets, Cache API for offline, and notes Chrome Canary will add native lazy-loading soon.
AI-written summary · about
chapters (10)
- 0:00Start
- 11:44Global Network Connections
- 14:20Javascript Bytes
- 14:38Image Bytes
- 16:32resource loading is a delicate
- 19:38Paint Timing API.
- 26:09Intersection Observer API.
- 29:19Media Capabilities API.
- 30:01Network Information API.
- 37:48Vermont News - First Contentful Paint.
related talks
19mPerceived Performance, And Why It Matters
59mWeb performance APIs you (probably) didn't know existed
37mThe First Meaningful Paint
50mWeb Performance APIs You (probably) Didn't Know Existed
23mPerformance Optimizations for Progressive Web Apps
36mHacking Web Performance
01h 02mWeb Performance Tuning with browser APIs
48mFrom Here to There