I’ve a handful of excellent hyperlinks to articles about efficiency which might be burning a gap in my bookmarks folder, and wanna drop them right here to share.
The brand new WebPageTest web site design
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 a giant 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 Quicker— Ben Schwarz says that Subsequent.js is already a fairly quick framework in that it does good issues that hold even React powered pages snappy. However efficiency isn’t one thing that may be left solely to a framework. You must do work. Luckily, Subsequent.js has some fairly useful helpers for issues like dynamically (lazily) loading parts, deferring scripts, optimizing pictures, and extra.Redirect Liquidation— Tim Vereecke covers an enchanting approach the place as an alternative 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 little bit trickier on static websites than server-backed websites, however you may pull it off (performantly) because of 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’ll keep customers of their correct teams.A Unified Idea 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 damage internet efficiency) however really defining it’s difficult. And never simply defining it by way of particular metrics (even that’s difficult), however reply questions like: What are this self-discipline’s guiding rules? What does it seem like to observe 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 instrument for efficiency practitioners, but had a prettttty gnarly design for lots of years. That is method higher. It’s like when Google Fonts lastly acquired a redesign and the broad group 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 most important factor. If you happen to incorrectly ship Cache headers, customers may be re-downloading a file time and again unnecessarily after they don’t have to, which is concerning the worst factor attainable. I’m glad to see headers hold getting consideration and re-imagined as the net evolves.
7 Contemporary Hyperlinks on Efficiency For March 2022 initially printed on CSS-Tips. You must get the e-newsletter.