建立可持续网页标准
在大多数主要行业中，环境性能的关键指标已较为完善，例如汽车的每加仑英里数或房屋的每平方米能耗。然而在网站和应用领域，我们缺乏统一的环境标准，直到最近才获得进行环境评估所需的工具和方法。
可持续网页设计的主要目标是减少碳排放。但由于无法直接测量网络产品产生的CO₂量，我们需要通过以下指标间接评估：
- 数据传输量
- 电力碳强度
数据传输优化
研究人员通常使用**每千兆字节千瓦时（kWh/GB）**作为衡量网站数据传输能效的指标。页面重量（首次访问时的数据传输量）是最易衡量的参数：
- 2020年初，HTTP Archive数据显示桌面端页面重量中位数为1.97MB，移动端为1.77MB
- 约50%的数据传输来自图像文件，这是网站碳排放的最大来源
通过开发者工具或主机统计面板可监测数据传输量（图2.1）。建议采取：
- 性能预算：设定页面重量上限（如参照竞争对手或历史版本）
- 缓存优化：减少重复访问时的数据传输
- 图像压缩：采用下一代格式如WebP/AVIF
电力碳强度管理
电力碳强度定义为每千瓦时电力产生的CO₂克数（gCO2/kWh）：
- 可再生能源：<10 gCO2/kWh
- 化石燃料：200-400 gCO2/kWh
关键策略包括：
- 数据中心选址：优先选择低碳电网区域（如法国 vs 荷兰，图2.3）
- 就近部署：缩短"兆字节里程"，平衡碳排放与延迟
- 可再生能源托管：选择使用绿色能源的主机服务
碳排放计算工具
通过结合数据传输量和电力碳强度，可开发工具估算网页碳排放（图2.4）。Safari开发者控制台中的"能源影响"监测器（图2.5）能评估网页对用户设备CPU的能耗影响。
前端技术权衡
现代前端技术（如React/Angular）将计算负载转移至用户设备，带来：
- 环境代价：增加设备能耗
- 包容性问题：可能排斥旧设备用户
- 电子垃圾：加速设备淘汰
建议通过性能基准测试确保技术方案的可持续性。