夜雨聆风
大多数人每天都在用浏览器。
打开新闻，刷视频，查资料，网购下单。
但很少有人想过，当你输入一个网址之后，到底发生了什么。
很多人以为浏览器只是个窗口。
其实更像一座城市。
当你敲下网址，浏览器首先要找到目的地。
这个网站在哪台服务器上？该走哪条路过去？对方是不是真正的目标网站？
地址查询、身份验证、建立连接，这些工作几乎都在瞬间完成。
拿到网页内容以后，真正的建设才开始。
HTML 像建筑图纸。
CSS 像装修方案。
JavaScript 则像施工队。
浏览器一边读取网页，一边分析结构。哪里是标题，哪里是图片，哪里是按钮，哪里是评论区，都要先整理清楚。
接着再根据样式规则决定它们该长什么样。
字体、颜色、边距、阴影，每一个细节都需要计算。
但这还没结束。
浏览器还要决定每个元素应该放在哪里。
一篇普通网页看起来简单，背后可能有几百甚至上千个元素相互嵌套。它们的位置会互相影响，窗口大小变化时还要重新调整。
这些工作有点像城市规划。
道路怎么修，楼房怎么排，公共设施放在哪里，都需要提前安排好。
等布局完成，浏览器才开始绘制画面。
现代浏览器并不会独自完成这一切。
大量图形工作会交给 GPU。
如果把 CPU 看作总调度员，那么 GPU 更像一支规模庞大的施工队。图片、动画、滚动效果，很多都依靠它来完成。
所以网页快不快，很多时候未必取决于网速。
有些页面迟迟打不开，是资源加载混乱。
有些页面滚动卡顿，是因为浏览器在不断重新计算布局。
开发者看到的只是几行代码，浏览器面对的却是一轮新的施工。
更有意思的是安全机制。
今天的 Chrome、Firefox 和 Safari 都采用了多进程架构。
不同网站被放在相对独立的运行环境里。
即便某个页面出现问题，浏览器也会尽量把影响控制在局部范围内。
这和城市里的分区管理有些相似。
仓库区、商业区、住宅区各自运转，出了问题不会让整座城市一起停摆。
浏览器发展到今天，早已不是一个简单的软件。
它需要处理网络通信、图形渲染、代码执行、资源调度和安全隔离。
我们看到的网页，只是最终呈现出来的结果。
那些寻找地址、运输资源、规划布局、维持秩序的工作，大多发生在看不见的地方。
下一次网页加载时，不妨多看一眼那个转动的圆圈。
在页面出现之前，已经有无数流程同时启动。
而你面前的浏览器，也远比想象中复杂得多。
