绿色 Web 与可持续指标

共 18 题
#

1. Hosting 能源效率(PUE、可再生能源占比)与 Green Hosting

A PUE 越大说明数据中心越节能
B PUE 等于 IT 设备能耗除以数据中心总能耗
C PUE 越接近 1,说明数据中心的能源效率越高 ✓ 正确答案
D PUE 与可再生能源占比无关
#

2. Lighthouse Performance/CO2 模式在 PR 检查的工程价值

A 只能在本地手动运行,无法集成 CI
B 只能检查移动端,无法检查桌面端
C 主要用于 SEO 优化,与性能无关
D 通过设置性能与碳足迹阈值作为门禁,可在合并前阻止明显回退 ✓ 正确答案
#

3. 前端资源(JS、CSS、图片)的体积与碳排放的工程实践

A 资源体积与碳排放无关
B 只有后端服务器才产生碳排放
C 减小 JS/CSS/图片体积可同时降低网络传输与设备渲染能耗 ✓ 正确答案
D 图片优化不影响任何能耗
#

4. 不过度宣传"绿色"作为技术决策唯一依据

A 只要方案更绿色就应该无条件采用
B 绿色应作为多维决策因素之一,与性能、成本、可维护性等共同权衡 ✓ 正确答案
C 可持续性应作为单一指标决定所有技术选型
D 绿色宣传越多越好,无需验证
#

5. 碳排放计算公式(碳强度 × 数据中心能耗 × 网络传输 × 设备能耗)

A 碳排放估算公式是精确计量,无需近似
B 前端工程师可以完全控制数据中心能耗
C 碳强度指单位能耗对应的碳排放量,前端无法直接改变它 ✓ 正确答案
D 网络传输与碳排放无关
#

6. Green Software Foundation 指标(SCI/Software Carbon Intensity)

A SCI 用于量化软件每单位功能的碳排放强度,可结合前端估算碳排放追踪趋势 ✓ 正确答案
B SCI 是衡量颜色对比度的指标
C SCI 只适用于硬件制造,与软件无关
D SCI 无法被测量或对比
#

7. Web 性能与碳排放关系(流量、渲染、数据中心能耗)

A 性能与碳排放完全无关
B 更小的页面体积与更快的加载通常同时降低传输、渲染与数据中心能耗 ✓ 正确答案
C 只有数据中心耗电,用户的设备渲染不耗电
D 性能优化只会增加碳排放
#

8. 性能预算(Performance Budget)与可持续 Web 的指标协同(LCP ≤ 2.5s 与低能耗)

A 性能预算只能约束 LCP,无法约束能耗
B 性能预算与碳排放没有任何关系
C 通过把 LCP、字节量等性能代理指标纳入预算,可同时约束性能与估算碳排量 ✓ 正确答案
D 性能预算会增加碳排放
#

9. Sustainable Web Design 原则(精简内容、高效媒体、低碳托管)

A 与低碳托管无关
B 核心是增加更多动画与特效
C 核心是尽量减少内容、优化媒体并选择低碳托管 ✓ 正确答案
D 只关注视觉美观,与性能无关
#

10. CO2.js 库的碳排放估算与 CI 集成

A 只能在前端浏览器运行,无法在 CI 中使用
B CO2.js 无法估算任何碳排放
C 通过传输数据量与碳强度模型估算碳排放,可集成到 CI 作为门禁 ✓ 正确答案
D 它用于测量屏幕亮度
#

11. prefers-reduced-data 在网络节能的应用

A 它用于检测用户偏好减少数据使用,可据此降级大图、视频等资源 ✓ 正确答案
B 它只能用于检测字体大小
C 它无法被 matchMedia 检测
D 它只影响颜色,不影响流量
#

12. AVIF/JPEG-XL/WebP 在 LCP/带宽的工程取舍(AVIF 已是 Baseline)

A WebP 压缩率永远高于 AVIF
B JPEG-XL 已被所有浏览器支持,可直接使用
C AVIF 因主流浏览器均支持已可作为安全默认,并通过 picture 降级 ✓ 正确答案
D 图片格式不影响 LCP
#

13. 低功耗模式(Dark Mode、Reduced Motion)的省电边界

A 深色模式在 OLED 屏幕上更省电,但在 LCD 屏幕上省电效果有限 ✓ 正确答案
B 深色模式在任何屏幕上都省电
C Reduced Motion 只会增加能耗
D 深色模式与省电完全没有关系
#

14. Web Sustainability Guidelines(WSG 1.0)与 W3C 可持续规范

A 是一套可持续性指导准则,已被 W3C 采纳为相关规范 ✓ 正确答案
B 只是一份营销文档,无工程价值
C 只涉及后端的碳排放
D 与前端资源优化无关
#

15. MPA vs SPA 在每次页面切换的全量 JS 重新评估与可持续性取舍

A 二者在 JS 执行上没有任何差异
B MPA 永远比 SPA 省电
C SPA 永远比 MPA 省电
D SPA 在交互密集时复用运行时减少重复执行,而 MPA 频繁切换时重复评估 JS 更耗能 ✓ 正确答案
#

16. Battery Status API(navigator.getBattery)在低电量提示与节能模式的工程价值(Energy Impact 属 Chromium 内部指标,未被 Web API 暴露)

A Battery API 没有隐私风险,可放心使用
B navigator.getBattery 可获得精确的能耗数值
C Energy Impact 是标准 Web API,所有浏览器都支持
D Energy Impact 是 Chromium 内部指标,未被暴露为标准的 Web API ✓ 正确答案
#

17. HTTP 103 Early Hints + Preload 在弱网的省电/节省数据

A 它们通过提前并行加载关键资源,在弱网下可缩短等待、节省数据与耗电 ✓ 正确答案
B 它们只在强网下有效
C 它们会无条件增加数据消耗
D 它们与网络传输无关
#

18. 前端监控数据(采样、批量上报)对网络请求与能耗的工程边界

A 监控上报不影响网络请求与能耗
B 通过采样与批量上报可减少请求次数,降低网络与能耗开销 ✓ 正确答案
C 采样率越高能耗越低且数据越准
D 批量上报总是会增加请求次数