Skip to content
HHackerTube.videoSurprise me

How is this Website so fast!?

How is this Website so fast!? on HackerTube: recommended by 4 Hacker News commenters across 4 separate months, 2024–2025.

Wes Bos

explainer · intermediate · evergreen

Open on YouTube

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 recommends it

HN points to it as the clearest frontend explanation of why McMaster-Carr feels so snappy, often contrasted with slow modern UIs.

people recommended it
4
separate months
4
strong recommendations
0
discussed on HN
2024–2025
“Here is Wes Bos taking a deeper dive into the intricacies of technologies used to accomplish this”
— CleanCoder, May 2025, in “Ask HN: What are good high-information density UIs (screenshots, apps, sites)?”

What HN commenters said

5 Hacker News comments link this video. Each one links back to its thread.

0xTJAug 2025Recommends

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.

in “Why is GitHub UI getting slower?” · View on HN

_nivlac_Jul 2025Recommends

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

in “A 14kb page can load much faster than a 15kb page (2022)” · View on HN

CleanCoderMay 2025Recommends

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

in “Ask HN: What are good high-information density UIs (screenshots, apps, sites)?” · View on HN

yreadOct 2024Recommends

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?

in “how come a company founded over 100 years ago has the fastest site” · View on HN

WillAdamsMay 2025Cites it

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)

in “Ask HN: What are good high-information density UIs (screenshots, apps, sites)?” · View on HN

Topics & tags

Web developmentSoftware performance & optimizationpage speedprefetchingcachingservice workersmcmaster-carrfrontend