少写代码照样行得通:网页开发的减法之道
现代网站越来越胖,这不是错觉
说真的,现在的网页真是越来越臃肿了。
你应该也看过那些数据。普通网页现在动不动就 2.5 MB 以上。JavaScript 包一年比一年大。开发者花在配置构建工具上的时间,可能比写业务代码还多。结果呢?一个简单的作品集网站或者落地页,真的需要 React、Webpack、还有一堆 npm 包吗?
在 NameOcean,我们经常聊性能这件事。今天说个可能会得罪人的话:最好的代码,往往是你根本没写的代码。
一个奇怪的现象
前端开发圈子里有个有趣的现象:
新手写的代码很简单——因为他们只会那些。手工写 HTML,一个文件塞下所有 CSS,偶尔来点原生 JavaScript。网站跑得好好的,速度还挺快。
然后呢,踏上"学习之路"了。学框架,用 npm,看到什么功能都想找个包来解决——哪怕自己五分钟就能写出来。不知不觉,一个简单的博客项目,node_modules 就占了 50 MB。
这就有点尴尬了:有时候,资深开发者的代码反而比新手复杂。不是因为真的需要这么复杂,而是积累了一堆"这必须用"的习惯和假设。
真正的极简主义,不是无知的表现,恰恰是精通的结果。
为什么推荐原生技术
在拿起 React、Vue 或者 Angular 之前,先问自己一个问题:这个项目真的需要框架吗?
静态落地页、文档站、简单的个人作品集……HTML + CSS + 一点点 JavaScript 往往就够了。
这样做有什么好处:
- 省去构建步骤,迭代速度直接起飞
- 依赖少了,攻击面也小了
- 就算 JavaScript 加载失败,页面照样能看
- 性能提升那是肉眼可见
- 你真的知道自己代码在干嘛
这不是情怀,这是务实。网页本来就是用 HTML、CSS、JavaScript 建起来的。这些技术现在比以往任何时候都强大。HTML5 有语义标签、原生表单验证、原生媒体处理。CSS 进化成了完整的编程语言,支持变量、Grid、Flexbox。JavaScript 到 ES2024+,能力早就不可同日而语了。
极简开发怎么做?实操指南
说了一堆道理,具体怎么落地?
1. 翻翻官方规范
我知道,我知道,W3C 规范看起来像催眠读物。但它就是权威标准。HTML 规范、CSS 规范、ECMAScript 规范——浏览器支持什么、怎么支持的,上面写得清清楚楚。什么博客文章、教程、框架文档,都没有规范本身准确。
不用从头读到尾。浏览、搜索、找到你需要的那部分就行。
2. 加依赖之前先灵魂拷问
每次想 npm install 之前,问自己几个问题:
- 这个功能我自己能不能在合理时间内写出来?
- 打包之后会增加多少体积?
- 这个包维护得怎么样?
- 安全记录如何?
不是说永远不用第三方库。是说要清醒地做选择。
3. 性能优先
在 NameOcean 的 Vibe Hosting,我们见过太多项目,性能优化是最后才想起来的事。其实代码写得精简,性能自然就好。用户感受得到,搜索引擎也感受得到。
4. 把东西发布出去
真正上线一个东西,能倒逼你提高质量。当你的代码公开展示——不管是在 GitHub 还是托管在服务器上——你自然会更在意结构、可访问性、可维护性。
框架这东西,该怎么看
这不是让你把框架都砸了。React、Vue、Next.js 解决的是真实问题,在规模化的复杂应用里确实有用。
如果你要做的是需要大量动态状态的复杂系统,用框架完全合理。
问题在于:这个选择应该是你深思熟虑之后做出的。不是因为"大家都在用",不是因为觉得"原生"听起来很 low。
写在最后
极简主义在前端开发里,不是偷懒的借口,也不是拒绝新工具的理由。它是让你把技术吃透,然后清楚知道自己到底需要什么。
把基础打扎实。质疑那些"必须这样做"的假设。写更少但更管用的代码。
你的未来,和你的用户,都会感谢你。