An analysis of progressive image rendering in formats like JPEG, PNG, WebP, and AVIF, comparing their performance and future potential.
A technical guide on implementing asset fingerprinting and the preload response header in 11ty to improve website performance.
A technical guide on combining 11ty, max Brotli compression, and CSS fingerprinting to achieve optimal website performance and caching.
A guide to building a custom CSS pipeline in Eleventy using a shortcode for optimization, hashing, and caching.
A developer's warning about how Cloudflare's Mirage 2.0 feature, auto-enabled on a Pro plan, broke images on his mobile site for weeks.
A technical guide on implementing maximum Brotli compression (level 11) for a static site built with 11ty and deployed on Cloudflare Pages.
A developer refactors an outdated JavaScript performance snippet to improve security and adhere to modern web best practices.
Analysis of how modern, bloated websites perform poorly on low-end devices, despite high-speed internet connections.
Introducing cssfact, a novel tool for lossy CSS compression using binary matrix factorization to reduce style rules while preserving design.
Analyzing and fixing Cumulative Layout Shift (CLS) issues on DavidWalshBlog to improve user experience and search rankings.
A guide to quickly compress and resize large images for webpages using a browser-only workflow to improve loading times.
A comparison of the 1996 and 2021 Space Jam websites, analyzing their file sizes and load times on period-appropriate connections.
Argues for using system fonts like Arial and Times New Roman to improve website speed, reduce data usage, and lower environmental impact.
Exploring prefetching heuristics for web performance, covering strategies, trade-offs, and implementation considerations.
Learn how to enable AMP (Accelerated Mobile Pages) in Next.js projects, including AMP-only and hybrid modes with the useAmp hook.
How to create a custom polyfill endpoint using polyfill-service to serve only necessary polyfills, improving performance and reducing bundle size.
Introducing Guess.js, a toolkit for data-driven user experiences on the web, including predictive pre-fetching and smarter JavaScript bundling.
The author shares their favorite books of 2017, focusing on design systems, web performance, and user experience.
The author discusses their experience being interviewed on the Perfbytes podcast about the Visually Complete metric at a performance conference.
The article explores how modern web bloat, like heavy CSS and JavaScript, makes websites unusable for people with slow, dialup-like internet connections.
