Improve Application Performance and User Engagement with Advanced GraphQL Features
summary
Describes two production experiments at Meta: batched @defers that collapses per-item deferred payloads (example: reducing 20 fragmented payloads down to 2) to avoid frequent re-renders and prevent frame drops while improving tail latency, and a visitor-pattern CDN prefetch that extracts media URIs during GraphQL parsing to start image/video downloads before hydration, cutting media stalls and improving time-to-interactive; cites 60 fps / 16 ms frame budget and 30 fps practical target for reels.
AI-written summary · about
chapters (5)
- 0:00Introduction and motivation
- 2:31GraphQL lifecycle and media prefetch
- 6:46Rendering latency and frame rate
- 8:12Defer and stream for scroll performance
- 10:41Q&A
related talks
25mOptimizing GraphQL Applications
21mStreaming HTTP and GraphQL
25mWhat's next for GraphQL?
12mHow @Defer and @Stream Will Improve GraphQL Caching
32mLower Latency With Streaming GraphQL
54mOptimizing performance in Rails apps with GraphQL layer
22m5 Antipatterns that Made Our React/GraphQL App Slow (And How We Fixed Them)
26mBuild a performance-optimized GraphQL API