Optimize long tasks
You've been told to "don't block the main thread" and "break up your long tasks", but what does it mean to do those things?
It isn’t “bullying” or “boys being boys”. It’s intimidation and violence — and it will consume us all if we don’t intervene.
Don’t fight the browser preload scanner
Find out what the browser preload scanner is, how it helps performance, and how you can stay out of its way.
Interaction to Next Paint (INP)
Interaction to Next Paint (INP) is an experimental field metric that assesses responsiveness. INP logs the latency of all interactions throughout the entire page lifecycle.
I went and wrote a book
Time to First Byte (TTFB)
Time to First Byte (TTFB) is a foundational metric for measuring connection setup time and web server responsiveness in both the lab and the field. It helps identify when a web server is too slow to respond to requests. In the case of navigation requests — that is, requests for an HTML document — it precedes every other meaningful loading performance metric.
Assessing Loading Performance in the Field with Navigation Timing and Resource Timing
Learn the basics of using the Navigation and Resource Timing APIs to assess loading performance in the field.
Now THAT’S What I Call Service Worker!
radEventListener: A Tale of Client-side Framework Performance
React has its place when complex state management is required. In my experience, however, it doesn’t belong in most scenarios. When even a bit of React is a problem on devices slow and fast alike, using it is a choice to exclude those on low-end hardware.
Innovation Can’t Keep the Web Fast
Every so often, the fruits of innovation bear fruit in the form of improvements to the foundational layers of the web. Unfortunately, web developers are locked in an arms race between these foundational improvements, and ever-increasing page sizes.
In which I ask what the true meaning of productivity is when it comes to web development.
Make it boring
In which I make the case that the web we build should be more boring to better benefit those who use what we make.
The WebP Manual
In this ebook, you’ll learn all about WebP: what it’s capable of, how it performs, how to convert images to the format in a variety of ways, and most importantly, how to use it.
Help Your Users `Save-Data`
When enabled, Chrome’s Data Saver mode sends a `Save-Data` request header you can use to help users conserve data. How you will help your users `Save-Data`?
Next Generation Server Compression With Brotli
Chances are pretty good that you’ve worked with, or at least understand the concept of, server compression. By compressing website assets on the server prior to transferring them to the browser, we’ve been able to achieve substantial performance gains. In this article, learn how you can squeeze even more performance out of your website with Brotli.
`font-display` for the Masses
Default rendering behavior for web fonts in browsers can be fraught with peril, and sometimes can even cause accessibility problems. Learn how you can regain control of web font rendering with ease using the CSS `font-display` property!