网易首页 > 网易号 > 正文 申请入驻

一个开发者把网站从245MB砍到12KB:减碳比种树更实在

0
分享至

地球日当天,一位开发者在技术社区扔出一组对比数据:用主流框架搭个简单店铺,依赖包245MB;手写原生代码,12KB。他没做任何新功能,只是把"少写代码"本身变成了环保项目。

为什么这件事值得科技圈认真看?


我们习惯了用技术解决技术问题——碳排放高?上区块链追踪。数据中心耗电?建AI优化调度。但这位开发者的做法完全相反:回到最原始的代码层,直接减少需要运算的东西。

这不是反技术,是对技术堆叠的冷思考。

从"能跑就行"到"能省则省"

作者在技术社区DEV的地球日挑战中提交了这份"非典型"作品。他明确声明:不为奖金,不为曝光,只要一个完成徽章。核心目标只有一个——建立一套"精益网页架构标准"(Lean Web Architecture Standard),用在自己未来的所有项目里。

他的出发点很直接:每篇教程都在推更重的框架、更多的接口调用、更臃肿的库。但数据中心烧的是电,电往往来自化石燃料。如果每个开发者都往项目里塞500MB的node_modules(Node.js的依赖包目录),累积效应就是实实在在的碳排放。

「我不需要为了地球日专门做个新应用让它在服务器上空转耗电,」他在提交中写道,「我的项目就是对网页臃肿的一次实战拆解。」

这种思路跳出了"用新产品解决旧问题"的惯性。当整个行业都在做加法,他做减法——而且减的是最底层的计算负载。

245MB vs 12KB:数字背后的能耗逻辑

作者给出了可直接复现的终端对比。左边是标准React脚手架,右边是原生PHP+JS手写方案:

React方案:npx create-react-app bloated-store,体积245MB。

原生方案:mkdir建目录,touch三个文件(index.php、style.css、app.js),体积12KB。

差距超过20000倍。

关键不在于存储空间,而在于运行时的CPU消耗。服务器处理12KB的静态或轻渲染文件,与编译、注水(hydrate,指服务端渲染后客户端再次激活JavaScript的过程)一个巨型JavaScript包,所需的计算周期完全不在一个量级。Less CPU = less power = lower emissions(更少CPU占用=更少电力=更低排放)。

作者算的是一笔很实在的账:全球数十亿网页请求,如果每个都能从MB级降到KB级,省下的电力是指数级的。

这不是理论推演。他给出的.htaccess(Apache服务器的分布式配置文件)片段显示,实际部署中还可以通过缓存策略进一步降耗——图片缓存一年、CSS和JS缓存一个月,避免服务器重复劳动。他称之为「 arguably the best 'Green Tech'( arguably 最佳"绿色技术")」。

路由和状态管理:为什么非要交给浏览器?

现代前端开发的一个默认假设是:交互逻辑必须放在客户端。路由用React Router,状态用Redux或Zustand,UI组件用Chakra或Mantine。每个选择都合理,但叠加起来就是一个必须下载、解析、执行的庞然大物。

作者的替代方案是:把这些工作推给服务器。

PHP在服务端处理路由,.htaccess做URL重写和缓存控制,JavaScript只保留最小必要的交互。对于简单店铺这类场景,用户感知不到差异,但服务器负载和能源消耗大幅下降。

这种架构选择背后是一个被忽视的事实:不是所有网页都需要是"应用"。我们过度工程化了很多本质上只是展示信息、接收输入的场景。

作者没有否定复杂应用的价值。他强调这是"自己的未来项目标准"——意味着他会根据场景判断,而不是一刀切。

行业惯性:为什么"简单"反而难推行?

这个方案的技术门槛并不高。任何有基础PHP/JS经验的开发者都能手写。但行业趋势完全在相反方向。

招聘市场偏好React/Vue/Angular经验。技术社区的热点是Next.js 14、Astro、Bun。教程作者需要展示"现代技术栈"才能吸引点击。团队决策时,"用大家熟悉的"比"用更省的"更容易通过。

作者的选择因此带有一点"逆行者"色彩。他不是在批评任何具体技术,而是指出一个系统性盲区:我们把"开发效率"和"运行效率"混为一谈,默认前者优先。但当全球互联网基础设施的能耗已经占到总电力的2-4%(国际能源署2023年数据),这个默认设置可能需要重新校准。

他的做法提供了一种可操作的修正路径:不是等待下一代绿色数据中心,而是现在就让手上的代码瘦身上线。

从个人标准到行业追问

作者把这套方法定位为"个人标准",这个限定很重要。他没有呼吁所有人放弃框架,而是展示了一种可能性:在特定场景下,原生方案可以兼顾体验、开发速度和环保目标。

这种"场景化理性"比极端立场更有参考价值。对于内容型站点、营销页面、简单后台,245MB的依赖包确实可能是过度设计。但对于复杂交互应用,现代框架的价值依然成立。

真正的启示在于:环保责任可以嵌入技术决策的最底层,而不是作为事后补偿。不需要专门做一个"碳中和应用"来抵消 guilt(愧疚感),而是让每个日常项目的架构选择都计入能耗账簿。

作者用12KB的代码体积,把这个抽象理念变成了可测量的实践。

技术社区的反应分化明显。一部分开发者认同这种"回归本质"的思路,认为行业确实需要反思框架滥用。另一部分则认为,现代开发效率的提升可以覆盖运行时的能耗成本,而且可再生能源正在替代化石燃料,问题会自然解决。

两种观点都有数据支撑,也都有自己的盲区。但作者的贡献在于:他把一个通常停留在辩论层面的议题,变成了可以复制、测量、改进的具体方法。

数据收束:12KB的参照系

245MB到12KB,20480倍的体积差距,最终指向一个被低估的杠杆点:代码层面的优化,可能是个人开发者对全球碳排放影响最直接的技术行动。

不需要等待政策、投资或基础设施升级。现在打开终端,mkdir一个目录,三个文件,就能开始。

作者没有给出能耗的精确换算——这取决于具体的服务器配置、能源结构和访问频次。但他建立了一个清晰的比较框架:在同等功能下,选择计算负载更轻的架构。这个决策逻辑可以延伸到任何技术选型场景。

当科技行业热衷于用更复杂的方案解决复杂问题时,这个地球日项目提醒我们:有时候,最有效的创新是识别哪些复杂性其实可以砍掉。

12KB的店铺页面不会改变世界。但如果有10万个开发者各自砍掉200MB的无用依赖,累积效应就值得关注了。

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐
代县推土埋人后续:火到央媒,任某平多重身份曝光,村民病情加重

代县推土埋人后续:火到央媒,任某平多重身份曝光,村民病情加重

天天热点见闻
2026-04-27 06:10:34
“香港演员几乎全军覆没! 无戏可拍”引发网友热议

“香港演员几乎全军覆没! 无戏可拍”引发网友热议

许三岁
2026-03-26 11:35:13
古天乐与宣萱拍吻戏引热议!自爆实拍镜头时长更久!直呼:完全可以接受

古天乐与宣萱拍吻戏引热议!自爆实拍镜头时长更久!直呼:完全可以接受

我爱追港剧
2026-04-27 21:59:30
CCTV16直播!今晚7点半,CBA季后赛打响,广东德比,徐昕挑战杜锋

CCTV16直播!今晚7点半,CBA季后赛打响,广东德比,徐昕挑战杜锋

萌兰聊个球
2026-04-28 07:09:20
深圳那位用饮料浇灭烟头的女生,到底经历了什么

深圳那位用饮料浇灭烟头的女生,到底经历了什么

大张的自留地
2026-04-26 08:52:35
特朗普放话:伊朗油管3天内“原地爆炸”!伊朗确实快“憋”死了

特朗普放话:伊朗油管3天内“原地爆炸”!伊朗确实快“憋”死了

可乐谈情感
2026-04-28 08:15:34
黄渤和邓超为什么无戏可拍了?

黄渤和邓超为什么无戏可拍了?

闲人电影
2026-04-16 18:55:11
有点惨!燃油车再迎大降价:最大跌幅50%,豪华车带头“跳水”

有点惨!燃油车再迎大降价:最大跌幅50%,豪华车带头“跳水”

古事寻踪记
2026-04-28 07:21:43
战斗打到一半,司令说:我累了,你指挥!结果此人一天解决战斗!

战斗打到一半,司令说:我累了,你指挥!结果此人一天解决战斗!

云霄纪史观
2026-04-26 20:25:17
23万的特斯拉,和21万的小米,我劝你想清楚再下手

23万的特斯拉,和21万的小米,我劝你想清楚再下手

阿芒娱乐说
2026-04-26 06:08:57
多国封杀后首露面!坎耶带小 17 岁妻子现身酒店,造型依旧辣眼

多国封杀后首露面!坎耶带小 17 岁妻子现身酒店,造型依旧辣眼

橙星文娱
2026-04-26 09:51:15
“找到一个媳妇算你牛”,农村家长晒7儿1女,被群嘲后看清现实

“找到一个媳妇算你牛”,农村家长晒7儿1女,被群嘲后看清现实

妍妍教育日记
2026-04-20 19:42:54
如果美国偷偷印两万亿美元,然后拿到其他国家买东西,结果会怎样

如果美国偷偷印两万亿美元,然后拿到其他国家买东西,结果会怎样

傲傲讲历史
2026-04-12 23:30:10
醪糟再次被关注!医生发现:高血脂患者喝醪糟,不用多久4大变化

醪糟再次被关注!医生发现:高血脂患者喝醪糟,不用多久4大变化

芹姐说生活
2026-04-19 15:52:53
“杨幂脸被蒸汽眼罩烫伤了”热搜爆了,本人晒右眼下方红色烫伤痕迹,并配文:蒸汽眼罩咬我

“杨幂脸被蒸汽眼罩烫伤了”热搜爆了,本人晒右眼下方红色烫伤痕迹,并配文:蒸汽眼罩咬我

鲁中晨报
2026-04-27 21:04:03
张凌赫9年前素人期的采访火了,190cm身高鹤立鸡群,像胖版李敏镐

张凌赫9年前素人期的采访火了,190cm身高鹤立鸡群,像胖版李敏镐

大铁猫娱乐
2026-03-12 14:55:04
北京这天,任敏膀大腰圆,潘粤明油腻发福,被32岁姜珮瑶抢镜

北京这天,任敏膀大腰圆,潘粤明油腻发福,被32岁姜珮瑶抢镜

蹲坑看世界
2026-04-27 15:50:33
汤尤杯小组赛形势明朗!淘汰赛国羽对手浮现,四劲敌阻击国羽卫冕

汤尤杯小组赛形势明朗!淘汰赛国羽对手浮现,四劲敌阻击国羽卫冕

金风说
2026-04-28 07:40:52
赌博有多么可怕为什么难戒 网友说让我这赌狗来讲述下我真实经历

赌博有多么可怕为什么难戒 网友说让我这赌狗来讲述下我真实经历

侃神评故事
2026-04-02 15:25:03
特鲁多突然炮轰美国:把加拿大推向中国

特鲁多突然炮轰美国:把加拿大推向中国

观察者网
2026-04-23 18:39:18
2026-04-28 09:08:49
固件更新中
固件更新中
有态度网友ytd
2979文章数 26关注度
往期回顾 全部

科技要闻

英伟达再新高,市值突破5.2万亿美元

头条要闻

考生因迟到2分钟被取消事业单位体检资格 人社局败诉

头条要闻

考生因迟到2分钟被取消事业单位体检资格 人社局败诉

体育要闻

人类马拉松"破二"新纪元,一场跑鞋军备竞赛

娱乐要闻

黄杨钿甜为“耳环风波”出镜道歉:谣言已澄清

财经要闻

俞敏洪再遭重击

汽车要闻

不那么小众也可以 smart的路会越走越宽

态度原创

健康
家居
艺术
旅游
本地

干细胞如何让烧烫伤皮肤"再生"?

家居要闻

江景风格 流动的秩序

艺术要闻

幸福就是住着小院子,过着小日子

旅游要闻

化个蚕花妆邂逅陀思妥耶夫斯基,“五·一”去乌镇不止看风景

本地新闻

云游中国|逛世界风筝都 留学生探秘中国传统文化

无障碍浏览 进入关怀版