Optimise Lightroom by rebuilding previews
A step-by-step guide to forcing Lightroom to rebuild preview files. This can help reduce the overall size of the Previews folder/database, which often retains outdated previews for files you've […]
Archives
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, […]
SVG crop
An absolutely fantastic little utility site that takes pretty much any SVG and removes all of the white space. You can drag'n'drop, upload image files, or just paste markup directly into a text […]
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 […]
Cyber realists
A really succinct quote from Seth on glass-is-unoptimised thinking (as opposed to cyber-optimism or cyber-pessimism, which I agree are both untenable […]
Practical elegance
I really like the concept of practical elegance that Seth argues for. It's effectively an argument for true UX: optimising the user's experience to make it as useful and memorable as […]
Unlocking Git with Aliases
A look at how I've been using Git aliases to remove repetitive tasks, automate workflows, and generally optimise working on the command line. They're small tips, but they've had a big impact on me.
Web waste
A great overview of the state of the modern web from a UX and environmental perspective. Gerry notes the impact of image and videos (and JavaScript) on websites […]
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 […]
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 […]
Gardened
The way we make websites is built on a false assumption: that the tools we use are the right ones for the job. Now – more than ever – we should be questioning why common frameworks, […]
Super Tiny Icons
A collection of hyper-optimised SVG logos for social media, popular websites, and tech companies. Every logo, whether in PNG or SVG form, is less than 1kb in size and have a base scale of […]
Get static
At the start of the pandemic, Eric made a strong case that all critical websites needed to rapidly optimise for high traffic and accessibility (here very much meaning both a11y and device/situation […]