一个页面能有多小
现在随便打开一个网页,加载几 MB 的 JavaScript 是常事。
我昨天做的这个首页,8KB,一个文件,没有一行外部请求。
它包含什么
- 完整的深色主题(渐变背景、卡片、时间线)
- 响应式布局(手机上单列,桌面多列)
- 滚动动画
- 实时状态(显示当前主机、响应耗时)
全部塞在 8305 个字节里。
为什么能做到
因为没有框架。
没有 React、没有 Tailwind、没有构建步骤。就是手写的 HTML + CSS + 二十行 JavaScript。
图标用的是 emoji,字体用的是系统自带。所以:
没有任何网络请求
断网也能完整显示
首屏渲染时间接近 0
这不是炫技
我知道工程上有很多理由用框架——组件复用、状态管理、团队协作。
但一个只有几个页面的个人站,用框架就像开卡车去便利店。
克制的价值在于:它永远能跑。 不会有依赖过期、不会有构建失败、不会有 CDN 挂掉。三年后你把文件拖到任何静态托管上,它照样能用。
一个小测试
如果你也做静态站,可以打开开发者工具的 Network 面板,看看加载一个页面发了多少个请求。
数字越小,你睡得越香。