Breaking down the McMaster Carr website and the techniques they use to make it so dang fast.00:00 - Intro00:38 - Server Rendered HTML00:54 - Prefetching HTML...
Nah, a lot of old tech. I used to work on shit like this… loading all your images (including the fucking rounded corners for IE) into a sprite… setting up caching, using prefetching and inlined CSS/JS for critical path stuff.
There was a whole industry around web performance in the days that a customer might be trying to download your site over their 256 kbps connection.
It’s neat tech and I miss fiddling with it. I honestly found it a lot more fulfilling than the SPA era of web design.
Aw, c’mon! Who doesn’t enjoy piping ten megabytes of JavaScript through Webpack to achieve those crucial on-scroll effects on an otherwise static page?
I once had to add in custom tab behavior because a green screen used to work in a specific way in an ordering page. The IBM system that we replaced only had a couple of users but was responsible for something like 30-40% of all orders in a small company. So in it went! Fun times.
Nah, a lot of old tech. I used to work on shit like this… loading all your images (including the fucking rounded corners for IE) into a sprite… setting up caching, using prefetching and inlined CSS/JS for critical path stuff.
There was a whole industry around web performance in the days that a customer might be trying to download your site over their 256 kbps connection.
It’s neat tech and I miss fiddling with it. I honestly found it a lot more fulfilling than the SPA era of web design.
Aw, c’mon! Who doesn’t enjoy piping ten megabytes of JavaScript through Webpack to achieve those crucial on-scroll effects on an otherwise static page?
Hey let’s not lie to ourselves… most of those megabytes of JS are there to disable the copy functionality for anyone browsing our site.
Why? … reasons. Someone in marketing said a thing once.
I once had to add in custom tab behavior because a green screen used to work in a specific way in an ordering page. The IBM system that we replaced only had a couple of users but was responsible for something like 30-40% of all orders in a small company. So in it went! Fun times.
Come to the HTMX side…
Such a nice library.
<Pig Latin instructions unclear, entire site rewritten in XHTML />