🔒openzoox.com
01BROWSER
02DNS
03SERVER
GET
~毫秒级缓存命中且网络路径较近时
30 秒理解
浏览器解析网址，通过 DNS 找到 IP 地址，建立连接并协商加密，发送 HTTP 请求、接收资源，最后把 HTML、CSS 和 JavaScript 转换成屏幕上的像素。
01 — 完整旅程
七个系统，一次页面加载。
选择任一阶段，查看它负责什么、哪些内容可能被缓存，以及通常有哪些数据需要穿过网络。
02 — 不要混淆各层
命名、寻路、保护、请求、渲染。
这些环节相互配合，但不能互相替代。DNS 不负责传网页，HTTPS 不负责找服务器，HTTP 也不负责把内容画到屏幕上。
03 — 自己观察
浏览器本身就是实验室。
打开开发者工具 → Network，刷新本页，隐藏的旅程就会变成带时间戳的请求列表。
Network
Preserve log Disable cache No throttling
名称状态类型大小时间
url-journey/200document18.4 kB84 ms
styles.css200stylesheet9.8 kB29 ms
script.js200script7.2 kB31 ms
04 — 视频
想深入再看完整技术版。
Hussein Nasser 从键盘事件和 URL 解析开始，一路讲到 DNS、TCP/TLS、HTTP 与 HTML 解析。建议先看完上面的视觉解释再观看。
HUSSEIN NASSER
What happens when you type google.com into your browser and press enter?
难度中级为什么看完整工程链路
05 — 阅读路径
先建立框架，再逐层深入。
阅读顺序比链接数量更重要。先理解完整链路，再分别深入 DNS、HTTP、安全与浏览器渲染。
06 — 技术并非同时诞生
一次点击，包含数十年技术演进。
继续探索
下一个问题，就藏在这个问题里面。
DNS 怎么找到网站？服务器到底在做什么？Cloudflare 位于链路的哪里？