打开浏览器，输入一行地址，按下回车。几毫秒后，一个页面出现在屏幕上。这个过程太快了，快到几乎没人会去想背后发生了什么。但正是这些被忽略的环节，构成了Web站点的全部秘密。

先说说最基础的事。一个Web站点，说白了就是一堆文件放在一台永远开机的电脑上。这台电脑叫服务器，它做的事很简单：等别人来要文件，然后给出去。你访问一个网址，浏览器就向那台服务器发个请求，服务器把对应的HTML、CSS、图片塞进响应里发回来。就这么回事。听起来没什么了不起，但全球几十亿个站点，每天无数次这样的来回，撑起了整个互联网。

我见过不少人以为“网站”和“网页”是一回事。其实差别挺大。网页是单个页面，网站是一堆页面的集合，还带着结构、导航、可能有数据库。打个比方，网页是一页纸，网站是一本书。书有目录、有章节、有页码，网站也有首页、栏目页、内容页。你点来点去，其实是在这本书里翻。

域名这东西也值得聊两句。人类记不住IP地址，比如142.250.72.14，所以有了域名。域名就是个别名，DNS服务器负责把它翻译成IP。翻译过程像查电话簿：先问根服务器，再问顶级域，最后问权威服务器。整个过程通常在100毫秒内完成。你还没眨完眼，浏览器已经知道该找谁了。

服务器收到请求后，要做的事取决于站点类型。静态站点简单到极致——文件直接扔回去，连数据库都不用。我有个朋友做了个纯静态博客，放在Netlify上，每月访问量几千，费用零。动态站点就复杂了，得跑PHP、Python或Node.js，查数据库，拼页面，再发回来。慢是慢了点，但能做的事多得多。登录、评论、购物车，全靠动态处理。

前端三件套——HTML、CSS、JavaScript——各管各的。HTML管结构，CSS管长相，JavaScript管行为。以前大家把三样混在一个文件里写，乱得像一锅粥。现在流行组件化，React、Vue这些框架把页面拆成小块，每块自己管自己的结构和样式。好处是改一处不影响别处，坏处是工具链越来越重。一个Hello World项目，node_modules能塞进去几百兆。

HTTP协议是站点通信的规则。浏览器说“给我这个页面”，服务器说“200 OK，给你”。找不到页面就是404，服务器挂了就是500。这些状态码不是随便定的，每个数字都有含义。2开头是成功，3开头是重定向，4开头是客户端出错，5开头是服务器出错。记住这个规律，排查问题能省不少时间。

安全方面，HTTPS已经成了标配。以前只有登录页才加密，现在全站HTTPS。Let's Encrypt免费证书把成本降到了零，没理由不用。没有HTTPS的站点，浏览器会直接标“不安全”，用户看见就跑。我自己的站点去年换了HTTPS，跳出率降了大概两成。数据不一定严谨，但趋势很明显。

性能优化是个无底洞。图片压缩、CDN加速、缓存策略、代码分割，每项都能写一整篇。我的经验是：先把图片搞定。大多数站点慢，就是因为首页那张3MB的大图。压到200KB以内，加载时间立刻砍半。其他的慢慢来，别一开始就追求满分。

最后说个容易被忽略的事：Web站点不是建好就完了。它像辆车，得保养。链接会失效，依赖会过期，浏览器会更新。我有个2018年做的站点，去年发现jQuery版本太老，在最新Chrome上跑不动了。花了一下午升级，才恢复正常。站点是活的，不是标本。

所以下次你打开一个网页，不妨想想背后那台服务器、那行DNS记录、那次HTTP请求。Web站点不神秘，但足够复杂。复杂到值得偶尔停下来看一眼。