淘沙TV
网页开发

这个网站为什么这么快?

原名:How is this Website so fast!?
魔神翼·YouTube 241.2 万次观看·B站 11 播放·2 年前·13:39
在 B 站打开 原 YouTube 版本

关于这个视频

Wes Bos 详细分析了 McMaster-Carr 网站速度背后的技术:服务器渲染 HTML、预取、CDN 和 Service Worker 缓存、预加载、关键 CSS 和固定大小图像。他还提到了它的老式 jQuery 和 YUI JavaScript。

HN 为什么推荐它:HN 指出,它是最清晰的前端解释,解释了为什么 McMaster-Carr 感觉如此敏捷,通常与缓慢的现代 UI 形成鲜明对比。

“Wes Bos 深入探讨了用于实现这一目标的复杂技术”— HN 评论 · 2025 · 原文

查看英文原文

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 HN likes it: 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 提及 5 次推荐者 4 人首次 2024最近 2025质量分 4.0

原视频频道:Wes Bos · YouTube 241.2 万次观看

科普进阶常青页面速度预取缓存服务人员麦克马斯特-卡尔前端