# 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 批量上报总是会增加请求次数