What is CSS containment and how can I use it?
How contain values, shorthands, and content-visibility cut unnecessary browser work.
Performance news
-
-
The great CSS expansion
CSS features that replace hundreds of kilobytes of JavaScript libraries.
-
Squarespace and web standards: how we helped bring HTML video and audio lazy loading to today’s browsers
How Squarespace engineers contributed lazy loading for video and audio to the web platform.
-
SVGs on the web: performance comparison based on how you load them
Inline, img, object, background, and sprites compared for caching and speed.
-
Dictionary compression is finally here, and it’s ridiculously good
How Compression Dictionary Transport shrinks JS bundles up to 90% in Chrome 130+.
-
Practical guide to the
<img>element: from basics to LCPImage markup tweaks that boost Core Web Vitals.
-
Stop turning everything into arrays
Lazy iterator helpers cut allocations and stop work early in UI data pipelines.
-
Bundle size investigation. A step-by-step guide to shrinking your JavaScript
A checklist for hunting megabytes, and shipping less JS.
-
Debugging web performance with Chrome DevTools
A practical checklist for spotting bottlenecks and validating fixes in real time.
-
Fixing the URL params performance penalty
New HTTP header boosts caching by ignoring tracking params.
-
Speeding up CSS with compression dictionaries
Using shared compression dictionaries to cut CSS load times and bandwidth across pages.
-
Performance monitoring for web components
Using the User Timing API to track real-world component performance