I’ve a handful of excellent hyperlinks to articles about efficiency which are burning a gap in my bookmarks folder, and wanna drop them right here to share.

• From fonts to SVG: an icon migration technique— Erwin Hofman notes that he was utilizing icon fonts out of sheer comfort, however that there are a great deal of causes to not use them. He supplies particulars on his new technique for utilizing icons, which is predicated on the <use> approach. 5 years later, I’m nonetheless an enormous fan of simply dunking the <svg> within the HTML the place you want them. It’s simply an HTML partial like some other.
• Subsequent.js Efficiency: Making a Quick Framework Even Sooner— Ben Schwarz says that Subsequent.js is already a fairly quick framework in that it does sensible issues that preserve even React powered pages snappy. However efficiency isn’t one thing that may be left solely to a framework. You need to do work. Luckily, Subsequent.js has some fairly useful helpers for issues like dynamically (lazily) loading elements, deferring scripts, optimizing photos, and extra.
• Redirect Liquidation— Tim Vereecke covers a captivating approach the place as a substitute of redirecting an previous URL to a brand new URL, you let the previous URL load, dynamically load the brand new content material, then historical past.replaceState the previous URL with the brand new URL. It’s quicker, however simply don’t do it for bots.
• Performant A/B Testing with Cloudflare Employees— Philip Walton covers how A/B testing is a bit trickier on static websites than server-backed websites, however you’ll be able to pull it off (performantly) due to Cloudflare Employees which might manipulate HTML earlier than it hits the browser, very similar to a Service Employee besides on the edge slightly than on the shopper. Save a cookie and you may keep customers of their correct teams.
• A Unified Concept of Internet Efficiency— Alex Russell tries to reply Tanner Hodges’ name for really defining internet efficiency. It’s a kind of issues that appears apparent (prefer it’s clear when sure issues assist and harm internet efficiency) however really defining it’s tough. And never simply defining it by way of particular metrics (even that’s tough), however reply questions like: What are this self-discipline’s guiding ideas? What does it appear like to apply internet efficiency? How can we do it?
• Unveiling the brand new WebPageTest UI— I completely love seeing WebPageTest’s design evolve and enhance. It’s a kind of merchandise that’s clearly a best-in-class device for efficiency practitioners, but had a prettttty gnarly design for lots of years. That is means higher. It’s like when Google Fonts lastly obtained a redesign and the broad neighborhood let loose a collective exhale of appreciation.
• Caching Header Greatest Practices— Simon Hearne’s dissertation on Cache headers. Once I first began caring about internet efficiency, this was, like, the fundamental factor. When you incorrectly ship Cache headers, customers is likely to be re-downloading a file again and again unnecessarily once they don’t have to, which is in regards to the worst factor doable. I’m glad to see headers preserve getting consideration and re-imagined as the net evolves.