Back in 2018, while doing a performance audit for a client, I stumbled upon an unusually-looking piece of code: eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String))... This code was weird. Why an eval()? What’s with p,a,c,k,e,r which clearly combines into some name? I couldn’t help but dig into that, and the trip took me all the way back to 2004.| PerfPerfPerf
This is a shareable version of an X thread.| 3perf.com
I was asked: “How does one serve polyfills only to browsers that need them?”| 3perf.com
How to speed up React interactions 4× with Chrome DevTools, React Profiler, and just a few line changes| 3perf.com
So you just made your app fast. Now, how do you ensure it doesn’t get slow again?| 3perf.com
What to do if you want to have a quick app – but don’t have enough time for that| 3perf.com
How to make a React app load ~30% faster – by tuning some configs and delaying some scripts| 3perf.com
There’re lots of ways to improve web performance (see Web Performance 101 for a full overview). One of those ways is to preload content you’ll need later in advance. Prefetch a CSS file, prerender a full page, or resolve a domain ahead of time – and you won’t have to wait for it when it’s actually needed! Sounds cool.| 3perf.com