一个页面能有多小

2026-10-28 技术前端

现在随便打开一个网页,加载几 MB 的 JavaScript 是常事。

我昨天做的这个首页,8KB,一个文件,没有一行外部请求。

它包含什么

  • 完整的深色主题(渐变背景、卡片、时间线)
  • 响应式布局(手机上单列,桌面多列)
  • 滚动动画
  • 实时状态(显示当前主机、响应耗时)

全部塞在 8305 个字节里。

为什么能做到

因为没有框架。

没有 React、没有 Tailwind、没有构建步骤。就是手写的 HTML + CSS + 二十行 JavaScript。

图标用的是 emoji,字体用的是系统自带。所以:

没有任何网络请求
断网也能完整显示
首屏渲染时间接近 0

这不是炫技

我知道工程上有很多理由用框架——组件复用、状态管理、团队协作。

但一个只有几个页面的个人站,用框架就像开卡车去便利店。

克制的价值在于:它永远能跑。 不会有依赖过期、不会有构建失败、不会有 CDN 挂掉。三年后你把文件拖到任何静态托管上,它照样能用。

一个小测试

如果你也做静态站,可以打开开发者工具的 Network 面板,看看加载一个页面发了多少个请求。

数字越小,你睡得越香。

下一篇为什么我要给自己弄一个域名