Web Development
Interaction to Next Paint: Profiling and Fixing Slow Interactions
A practical walkthrough of measuring Interaction to Next Paint and the concrete techniques for cutting down long input handlers that cause it.
3 min read
Tag
Web Performance
4 articles
Web Development
Responsive Images: srcset, sizes, and Modern Formats
How srcset and sizes let the browser pick the right image resolution automatically, and how to layer AVIF and WebP on top with picture and source.
2 min read
Web Development
The Browser Rendering Pipeline: Layout, Paint, and Composite
A walkthrough of how browsers turn a style change into pixels on screen, and why some CSS properties are far cheaper to animate than others.
3 min read
Web Development
HTTP Caching: Cache-Control, ETags, and CDN Interplay
How Cache-Control directives and ETags interact with browser and CDN caches, and where each layer disagrees in ways that cause stale content bugs.
3 min read