Today’s Readings

As the the performance.now() 2025 conference in Amsterdam ended, presentation links started to drip-in around the socials, like:

  • Web Performance Alliances, where he help explain how we techies can better communicate our message with those that do not speak our nerdy lingo, such as converting:

    Our INP went from 370ms to 160ms.

    into

    Before, users were tapping buttons in frustration and waiting for feedback. Now, they get a smoother experience that’s over 50% faster.

    I also love these nuggets of wisdom:

    “Marketing opens new doors. Performance keeps them open.”

    and

    …performance metrics are stand-ins for how a customer sees our product, how quickly they can act, and how smooth the journey feels. Speed can be a product differentiator.

    Which was basically the entire point of Core Web Vitals.

  • ‘s Speculations on Web Performance, where he talks about Speculation Rules, including how they are handled on mobile!
  • Making Sense of LoAF, where he dives down deep into Long Animation Frames, including what they are, how to track them, and how to squash them! Don’t miss the link to his DevTools extension perf-timeline-to-devtools-profile, which “creates a custom track in the DevTools Performance Panel populated with entries from the Performance Timeline”. BAM!

The conference’s YouTube channel typically starts adding videos within days of the conference ending. Such amazing…

offers a great article on font optimization techniques that covers typefaces, compression and subsetting. It should definitely help get your web fonts in order!

shows us how a “scrollspy” can be updated to run with no JS! (And to be clear, a scrollspy is when something like a navigation auto-updates to reflect where you are in the page as you scroll up and down.) This has always required JS to monitor the scroll actions, consult IntersectionObservers, and update the DOM; no longer!

Sticking with scroll for a quick bit, you probably know about scroll-margin, but did you know there is also a scroll-padding? Me neither! Luckily, is here to tell us all about it and why it might make more sense!

I love reading ‘s articles… I have listened to his podcasts, so I know his voice, and his tone and style just resonate with me (read: he swears just like me… but you know, only when it is, like, necessary, of course… ). One of his latest offerings, Just use a button, simultaneously cracks me up and infuriates me, because I have had the exact same discussion: Why would you go through so many steps to recreate what the browser gives you for free???? Just. Use. HTML. Stop. Breaking. The. Browser.

While we’re ranting… shares his favorite single-purpose URLs, such as stopcitingai.com. One of my absolute faves is still letmegooglethat.comExample use case)… Such snark… So brilliant…

Sticking with AI, a couple performance notes:

helps point out that web elements, specifically @containers, know stuff

For anyone that is trying to create and support PWAs, presents PWAscore, a website that tracks and “scores” how well mobile (and soon desktop) browsers do at supporting PWAs.

And finally, especially for Halloween, but certainly morhpable for anytime, presents Frankenstein’s Monster Toggle Switch… HTML + CSS, no JS… Note that both the eyes and the mouth change as you hover, and when you click. Such fun!

Happy reading,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)