DevelopmentSamples
Optimizing Largest Contentful Paint
Insights into the web performance metric, tricks, pitfalls, bugs.
DevelopmentOpinions
Measure what you impact, not what you influence
Advice for anyone making performance-facing changes.
DevelopmentOpinions
Critical CSS? Not so fast!
The popular performance technique may be more questionable than you think.
DevelopmentSamples
Speeding up async snippets
Do’s and don’ts when working with async snippets of third parties.
DevelopmentSamples
Why not document.write()?
How script injection using document.write() hurts web performance.
DevelopmentSamples
In defence of DOMContentLoaded
'Outdated' web performance metrics can still be very useful.
DevelopmentResources
Core Web Vitals for search engine optimization
Google’s performance metrics demystified in 400 (or 5,500+) words.
DevelopmentSamples
The ultimate low-quality image placeholder technique
A cutting-edge remake of a decade-old technique.
DevelopmentOpinions
What Is the maximum max-age?
Can you cache a file in the browser ‘forever’?
DevelopmentResources
Correctly configure (pre) connections
A line of HTML can make pages noticeably faster.
DevelopmentOpinions
HTML ‘blocking=render’: why do that?!
A look at the new HTML attribute and its use cases.
DevelopmentResources
Cache grab
How much browser caching potential are you wasting?
DevelopmentSamples
Optimizing for high latency environments
Ways to improve latency-bound visitors’ experiences.
DevelopmentTools
Fuzzy ‘max-age’ Calculator
A human-friendly way to define browser cache durations.
DevelopmentSamples
Designing a new web performance score
CrRRUX simplifies competitor analysis into a single number.
DevelopmentOpinions
Build for, on, and with the web
The long-term cost of adopting a JavaScript framework.
DevelopmentResources
What’s the ‘Cache-Control’ request header?
A header many developers are not aware of.
DevelopmentTools
Exploring the Performance Extensibility API
How Chrome’s performance panel can show your data.
DevelopmentSamples
The fastest site in the Tour de France
Which bike brand excelled in both browser and race?
DevelopmentResources
How to use CSS containment
An underused technique to improve UI interactivity.