一篇日志页面要加载的东西有多少

打开得快的页面读起来更轻松,在信号弱的手机上尤其如此。这里写 ipe.rest 一篇日志页面实际加载了什么,附上我们量到的大小,也写下刻意省去的东西。

昨天的文章谈的是帮助读者的小选择,这一篇谈它们背后的分量。我们选了 11 月 5 日那篇的英文页面,看它请求了哪些文件。数字取自 2026 年 11 月 6 日。

一个小页面

页面本身是一个 30,871 字节的 HTML 文件。传输时压缩到 8,255 字节,大约 8 KB。样式直接写在这个文件里,而不是单独的样式表,所以排版文字之前没有第二个请求要等。页面正文完全没有图片,只有一张不会显示在页面上的链接预览小图,在页面头部里写了名字。

一个脚本,和它做的事

页面加载一个 6,218 字节的脚本,压缩后约 2.3 KB。它做静态页面仍然需要的小事:切换语言,把你的选择记在浏览器里,统计访问量。背后没有框架,也没有要安装的东西。

来自自家服务器的字体

正文用 Inter,小标签用 JetBrains Mono。两者都是开放字体,文件由 ipe.rest 自己提供:Inter 27,540 字节,等宽字体的两个字重分别是 20,420 和 21,164 字节。我们不从其他公司的服务器获取字体,因此不会有字体请求发往别处。

字体设为 swap。浏览器先用手头已有的字体立刻显示文字,等字体文件到了再替换。阅读从不等待下载。

加起来

把压缩后的页面、压缩后的脚本和三个字体文件加在一起,第一次访问大约是 80 KB。之后的访问更轻,因为浏览器和网站自己的缓存会保留这些文件,而且正如本周早些时候所说,页面离线也能打开。

来自别处的东西

有一样东西不是来自我们的服务器:页面打开之后才加载的 Google 分析脚本,隐私页面里有说明。它不计入上面的 80 KB,没有它文字也读起来一样。

尚未测量的

我们量的是文件大小,不是慢速网络或旧手机上页面出现要多久。文章变长、样式改动,大小也会变,所以请把这些数字当作某一天里某一页的快照。

ipe(); // a page is just a file

这不是要去打破的纪录,而是一种习惯:往页面里加东西之前,先问一句,拿掉它读者会不会觉得可惜。