Quickly check Core Web Vitals
A quick way to check for PageSpeed metrics, Lighthouse scores (are those the same thing these days?), and Core Web Vitals, all in one […]
Archives
Performative performance
A thoughtful look at the idea of sustainability in web development and design, particularly in terms of whether worrying about an individual design choice's carbon footprint is meaningful or simply […]
Zero JavaScript CSS-in-JS
One of the core downsides to CSS-in-JS is that you have to compile it on the client, which means increased bundle sizes and slower rendering. Linaria is an attempt to fix that, by providing all of […]
The modern way of serving images
A very thorough overview of how to write a modern, performant, HTML-driven image component that is as optimised to serve the most appropriate image as possible. There are some very neat tricks in […]
Optimising for INP
Google have recently announced a change to their Core Web Vitals metrics. The existing FID stat is being sunset, and replaced with a new way of measuring responsiveness: Interaction to Next Paint, […]
Optimising LCP
Harry has created an absolutely phenomenal talk here that provides an immense amount of depth whilst still being completely accessible to someone like me who largely doesn't deal with the technical […]
How I doubled my lighthouse score in one night
A very interesting rundown of some common performance checks and techniques that Ben went through to boost their lighthouse score from <50 to >95! I was particularly interested that font […]
The weirdly obscure art of Streamed HTML
A fascinating series looking into how to turn a modern React eCommerce front end into as fast a page as possible. The conclusions are not what I had […]
The mobile performance inequality gap 2021
A frankly depressing look at the state of the mobile web in 2021. From lacklustre technological advancement in the past decade, to increasing device saturation, and the overuse of JavaScript, here's […]
Au revoir, mon AMPmour?
I'm late to the "goodbye AMP" party, but Ethan's has been the best take I've read so far (no surprise there). In brief: it's good that AMP is on the way out, but we're stuck with it for some time, […]
Space Jam
Max has done a performance analysis of the new Space Jam website versus the old, classic variation, with a damning […]
System fonts don’t have to be ugly
System fonts are often overlooked, but they come with a massive list of advantages: environmental, performance, data […]
Maximally optimising image loading for the web
Malte has put together a brilliant overview of the various techniques that are currently available on the web natively for loading images in the most performant and user-centric ways possible. I'm […]
Jamstack is fast only if you make it so
Critique of JavaScript-heavy frontend frameworks and useful deep-dive into the issues of using client-side scripts or libraries for webmentions. Nicolas rightfully points out that this isn't just […]
Adding Lighthouse scores to my site's footer
Using a combination of Speedlify and Google Lighthouse tool, Zach is able to display web performance scores in his footer, bespoke for each page. He seems to be doing so client-side, though I don't […]
Always bet on HTML
In brief: HTML is resilient, feature-rich, hyper performant, and […]
Images good to the last byte
An exhaustive guide to image optimisation, compression, formats, and quality on the […]
Better image optimisation by restricting the colour index
When optimising images with only a few visible colours, reducing the output colour space can have massive savings (Eric is talking about the Acorn software […]