Surma argues, compellingly, for why web workers need to take a more prominent role in JS-based applications. It’s not just about the raw performance benefits, but the inclusivity that good performance brings.
Unless a globally launched framework labels itself as exclusively targeting the users of the Wealthy Western Web, its has a responsibility to help developers target every phone on The Widening Performance Gap™️ spectrum.
I always associated prefers-reduced-motion with CSS, but of course the picture element accepts media queries!
A quick post from Brad showing how you can use the picture
element to serve up a static image instead of an animated gif when the “reduce motion” preference is enabled.
Examples like this are why I love how the whole suite of responsive images standards (srcset
, sizes
and picture
) turned out. I know some weren’t as pleased with the final product, but there’s so much darn flexibility (ahem) here to enable us to account for scenarios, like this, that only really emerged after those standards were created.
For government, GOV.UK is often the only place a user can get information. If the website were to perform badly, we become a single point of failure.
Great rundown of why performance is so important to GOV.UK and how the context of their visitors can vary dramatically, even within the same city.
In this post, we’ll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web!
Exciting to finally see this ship! Folks have been asking for a standards-based way to support lazy-loading images for years.
Gives me hope that maybe, someday, we’ll have element queries.
When we’re evaluating technologies for appropriateness, I hope that we will do so through the lens of what’s best for users, not what we feel compelled to use based on a gnawing sense of irrelevancy driven by the perceived popularity of newer technologies.
I always like seeing how other folks handle performance audits. Here, Jake walks through 10 F1 sites, auditing them primarily with WebpageTest and a smattering of Chrome Dev Tools.
Academic background or not, technical education doesn’t stop once you get a job. On the contrary: nothing in tech stays in one place, and the single most valuable skill you can possess to remain employable over time is learning how to learn.
Some great advice here from Sarah on learning.
Handy little reference from Addy Osmani showing how Chrome handles JavaScript scheduling.
I’ve being using preload with clients over the last few years but I have never been completely satisfied with the results. I’ve also seen some things I hadn’t quite expected in page load waterfalls so decided to dig deeper.
Excellent work digging deeper into preload by Mr. Davies.
Ten years ago the network was the main bottleneck. Today, the main bottleneck is JavaScript.