说实话，刚学“DNS解析、TCP握手、TLS加密...”这套流程的时候，我也烦。什么三次握手四次挥手，跟我写业务代码有什么关系？直到我发现，这套流程里的每一毫秒，dou在决定着谁Neng抢到那双限量球鞋、那张演唱会门票、那瓶茅台。

既然大家dou爱钱，咱们就用钱当尺子，量一量这套技术。

卖出去8双，就是1600。敲代码累死累活才赚几个钱，人家一早上赚1600。

先kankan正常用户是怎么抢的——准确说是怎么抢不到的：

再kankan我Zui近偷学的专业操作：

所以别再怪自己手速慢了。你用自己的肉身，对抗的是一个千亿级产业的职业选手。

httpCache-Control: max-age=原理：第一次下载完，存硬盘。第二次直接读本地，0ms。

方案2：预加载

这道面试题背了50遍，我也烦过——三次握手四次挥手，跟我写代码有什么关系？直到发现，这套流程里的每一毫秒，决定着谁Neng抢到限量球鞋、演唱会门票。既然大家dou爱钱，就用钱当尺子量一量这套技术。kan完这篇，面试Neng过抢鞋也会了。

然后我去Nike官网的控制台搜了一下——你猜这些代码开了吗？

<link rel="preconnect" href="//trade.jd.com">

原理：提前完成TCP握手和TLS加密。等我请求时

下次面试官问你，你Ke以在加一句：

<!-- 首页里藏着这一行 --><link rel="prerender" href="https://item.jd.com/.html">

原理：在后台偷偷把整个页面加载渲染完。我点开的那一刻，它Yi经等了我一世纪。

毕竟这篇文章帮我弄懂了面试题，顺便学会了黄牛的技术。至于用在哪——等我先抢到一双再说吧。

虽然不算暴富，但这钱赚得也太轻松了吧？

研究完黄牛的操作，我又发现一个geng扎心的事实：Chrome浏览器其实准备了一套“作弊工具箱”，专门用来对付这种抢购场景。

“

Zui近想搞点副业。真的，单纯kan着别人赚钱心里痒。天天写业务代码，工资虽然够花，但也就那样。打开得物kankan鞋价，好家伙，一双鞋转手赚的钱顶我加几天班。

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

就上个月，我kan到一双鞋——Nike Dunk Low "Sand Drift"，苔藓绿配色，官网售价899。不是什么天价联名款，但配色挺干净，我寻思着抢到了自穿也行，抢不到就算了。

这不是技术Zuo不到，是品牌故意的。

你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

kan到这里你再回头kan那道面试题：“从URL到页面发生了什么？”

开了但只开了一部分。图片预加载开了CSS预加载开了但是Zui关键的结算页面的预连接、预渲染，一个dou没开。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

<!-- 页面里写上这个 --><link rel="dns-prefetch" href="//img.jd.com"><link rel="dns-prefetch" href="//static.jd.com"><link rel="dns-prefetch" href="//trade.jd.com">

原理：提前解析域名，把IP缓存下来。等我真要请求时路Yi经找好了不用现问。

html<link rel="preload" href="buy-button.png" as="image"><link rel="preload" href="checkout.js" as="script">

. 终极优化：提前开门

演出票务、限量球鞋、景点门票、茅台、显卡……这些加在一起，构成了一个千亿级的灰色市场。

黄牛的操作有多骚：

你想啊，Ru果连购物车页面dou提前渲染好、结算连接dou预先建立好，黄牛的效率会再翻一倍。到时候别说我，连小黄牛dou抢不过大黄牛。品牌留这道技术门槛，就是为了帮我过滤掉那些技术没那么好的初级黄牛。

害，说到底，这道面试题，其实是在问你：你Neng不Neng像黄牛一样，把整个流程榨干到每一毫秒？

咱就是说你要是Neng答出来那不光是技术过关，还Neng顺便学会怎么抢鞋，是不是一举两得？

你懂的，这玩意儿不是为了让你去当黄牛，而是让你理解——技术的每一毫秒，dou值钱。

所以下次面试官再问你“从输入URL到页面渲染发生了什么”，你就Ke以说：

“我不仅知道发生了什么我还知道怎么让它发生得geng快。”

不对不对，应该是——“我不仅知道发生了什么我还知道怎么让它发生得geng快，还Neng顺便抢到限量款。”

这不比背八股文强多了？

当然咱不Neng教坏小朋友，对吧？

但你要是真想学点技术，顺便搞点副业，那这套流程你得整明白。

先说DNS解析。你输入一个网址，浏览器第一件事就是查DNS。这玩意儿就像查

他们用的是DNS预解析，提前把域名查好，IP地址缓存起来。等你点下鼠标，

你再kankan浏览器控制台，是不是有这么一行代码？

<link rel="dns-prefetch" href="...">

这行代码的意思就是：我提前把路找好了你点的时候，直接起飞。

然后是TCP握手。这玩意儿就像打

黄牛可不等你握手，他们用的是preconnect，提前把连接建好了。等你点下鼠标，

你再kankan页面里有没有这行代码？

<link rel="preconnect" href="...">

没有？那你就比黄牛慢了一步。

再往下是TLS加密，也就是HTTPS的加密握手。这玩意儿就像打

你再kankan页面里有没有这行代码？

<link rel="preconnect" href="...">

没有？那你又慢了一步。

然后是HTTP请求。你发请求，黄牛Yi经发完了。

你再kankan页面里有没有这行代码？

<link rel="prefetch" href="...">

没有？那你又慢了一步。

再然后是资源加载。你加载图片、CSS、JS，黄牛早加载完了。

你再kankan页面里有没有这行代码？

<link rel="preload" href="...">

没有？那你又慢了一步。

Zui后是页面渲染。你渲染页面黄牛早渲染完了。

你再kankan页面里有没有这行代码？

<link rel="prerender" href="...">

没有？那你又慢了一步。

所以你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

你再回头kan那道面试题：“从URL到页面发生了什么？”

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

<link rel="dns-prefetch" href="...">

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

你再kankan页面里有没有这行代码？

<link rel="preload" href="buy-button.png" as="image">

没有？那你又慢了一步。

你再kankan页面里有没有这行代码？

<link rel="prerender" href="...">

没有？那你又慢了一步。

所以你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

你再回头kan那道面试题：“从URL到页面发生了什么？”

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

<link rel="dns-prefetch" href="...">

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

你再kankan页面里有没有这行代码？

<link rel="preload" href="buy-button.png" as="image">

没有？那你又慢了一步。

你再kankan页面里有没有这行代码？

<link rel="prerender" href="...">

没有？那你又慢了一步。

所以你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

你再回头kan那道面试题：“从URL到页面发生了什么？”

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

<link rel="dns-prefetch" href="...">

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

你再kankan页面里有没有这行代码？

<link rel="preload" href="buy-button.png" as="image">

没有？那你又慢了一步。

你再kankan页面里有没有这行代码？

<link rel="prerender" href="...">

没有？那你又慢了一步。

所以你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

你再回头kan那道面试题：“从URL到页面发生了什么？”

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

<link rel="dns-prefetch" href="...">

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

你再kankan页面里有没有这行代码？

<link rel="preload" href="buy-button.png" as="image">

没有？那你又慢了一步。

你再kankan页面里有没有这行代码？

<link rel="prerender" href="...">

没有？那你又慢了一步。

所以你每次抢不到的球鞋、演唱会门票、茅台、显卡，dou是这个数字的一部分。

你再回头kan那道面试题：“从URL到页面发生了什么？”

你Yi经不止Neng背出来了你还Neng讲出来：普通人走的是观光路线，黄牛走的是员工通道。

你打开任何一个网站的控制台，dou可Nengkan到这样的代码：

<link rel="dns-prefetch" href="...">

结果顺手搜了下闲鱼，好家伙，Yi经有人挂了。 -> ，净赚200。

---