Wes Bos breaks down the techniques behind the McMaster-Carr website's speed: server-rendered HTML, prefetching, CDN and service worker caching, preloading, critical CSS and fixed-size images. He also notes its old-school jQuery and YUI JavaScript.
Why Hacker News points people here: HN points to it as the clearest frontend explanation of why McMaster-Carr feels so snappy, often contrasted with slow modern UIs.
“Here is Wes Bos taking a deeper dive into the intricacies of technologies used to accomplish this”HN comment, 2025
“which is a lot more interesting than the inane tweet”
Explains why the McMaster-Carr site is so fast
Full comment
To save you a click: apparently link is very fast. A person who worked there chimes in link saying they focused on speed (competing with paper catalogue), used VB.net and SQL Server with stored procs. Some other guy explains link : · Agressive pre-loading pages on hover · fixed image dimensions - there is no layout shift when they load · Dependency Injection (huh?) - only loading the JS needed on the pages where its needed · Uses pushstate to change pages so it feels faster than a full reload · agressive CDN and browser caching · Server rendered HTML (ASP .net) Funny enough they load almost a meg of JS (YUI and jQuery) but you dont notice because it feels so snappy He made a video explaining it: this video which is a lot more interesting than the inane tweet. Maybe we could replace the link with the video?
RecommendsCleanCoderMay 2025
“Here is Wes Bos taking a deeper dive into the intricacies of technologies used to accomplish this”
Deeper dive into the technologies behind the site's speed
Full comment
The low lag part is especially impressive. Here is Wes Bos taking a deeper dive into the intricacies of technologies used to accomplish this: this video
Recommends_nivlac_Jul 2025
“Here's a good video on how the site is so fast, from a frontend perspective”
Frontend view of how the site is so fast
Full comment
I am SO glad jofzar posted this - I remember this website but couldn't recall the company name. Here's a good video on how the site is so fast, from a frontend perspective: this video
Recommends0xTJAug 2025
“this video goes into why the McMaster-Carr website is so incredibly snappy to use”
Why McMaster-Carr is snappy, contrasted with slow GitHub UI
Full comment
As an interesting example of the opposite UI experience, this video goes into why the McMaster-Carr website is so incredibly snappy to use: this video . It's different from GitHub in many ways (no user-generated content, day-by-day mostly static pages), but it's interesting to see how good a browsing experience can be. It makes sense given that their value as a company depends so much on making it quick and easy to find exactly what you need.
Cites itWillAdamsMay 2025
“Video on why the site loads so fast”
Explains why the site loads quickly
Full comment
There is (was?) an absolutely fabulous answer on quora.com which detailed how this site came to be --- from memory: - initial ecommerce site was a mess (basically a page-by-page recreation of the catalog?) which saw minimal usage - the redesign, which focused on usability --- notably reduced cognitive load --- resulted in an immediate uptick in orders which grew markedly for a long while until it represented the vast majority of their business EDIT: and also optimized for repeat orders on a schedule If someone could find that, or a better writeup, I'd be grateful (it's _not_ the Medium.com article) and this page: link is just a mentioning by the company which did the underpinnings, not the overall architect. This link is decent: link There was of course previous discussion of this here: link Video on why the site loads so fast: this video (which is from the Medium.com article)
