IntersectionObserver to lazy load images—very handy for webmention avatars.
I like Tim’s definition here:
A performance budget is a clearly defined limit on one or more performance metrics that the team agrees not to exceed, and that is used to guide design and development.
And I agree about the four attributes required for a performance budget to succeed. It must be:
The point is not to let the performance budget try to stand on its own, somewhere hidden in company documentation collecting dust. You need to be proactive about making the budget become a part of your everyday work.
A fascinating look at standards in the real world. In this case, it’s the kilogram, which is shedding its French Revolutionary roots in favour of the Planck constant.
Our messy human measurements have transcended their messy humanness; they have been melded with an eternal truth.
Mention of The Master Of The Kilogram reminded me of The Keeper Of Time.
Great ideas from Addy on where to start with creating a performance budget that can act as a red line you don’t want to cross.
If it’s worth getting fast, it’s worth staying fast.
Take a perfectly useful standardised measurement of length, weight, speed or time, and convert to something far less useful (but much more fun).
Here’s an interesting metric for measuring performance: take the overall page weight of a URL and divide it by the file size of the screenshot of that URL.
A single page showing all the weights available from Google fonts at a glance.
An excellent tale of performance optimisation …complete with a coda on looking behind the numbers when it comes to analytics data.
The class of device formerly known as mobile.
Font-weight is still broken in all but one browser | Clagnut Â§ Browsers Â· Typography Â· CSSÂ techniques
A superb bit of browser research by Richard. "Thereâ€™s more to the lives of many typefaces than just Bold and Regular, but almost no browsers follow the proper CSS 1 way of specifying Light, Semibold, Black and other weights. There is a workaround,â€¦
A super-simple lightweight PHP class by Kellan for calling the Flickr API and receiving back an array of results.