Web 可持续性指南（WSG）

摘要

Web 可持续性指南（WSG） 提供可执行的建议，帮助数字团队做出明智且可持续的决策。在考量工作和 Web 的不同方面时，这些指南处理数字产品和服务对地球、人类和繁荣（PPP）的影响。它们具有跨学科性质，并涵盖人工智能和新兴 Web 技术。

一些指南引用了来自 W3C 和其他组织的现有文档与规范。这种方式突出了交叉性与协作的重要性，而不是重新解释已建立的建议。虽然 WSG 优先关注 Web 技术，但它也可以支持更广泛的组织可持续性工作。

WSG 也可以作为一座实用桥梁，用于支持更广泛的组织可持续性举措和转型，帮助团队将面向 Web 的指导应用到更广泛的环境、社会和治理工作中。

鼓励组织持续推进可持续性进展。设定现实目标并跟踪进展，将帮助团队实现持久的 Web 可持续性。有关实施指导，请参阅本文档中的 “附加信息”部分以及支持性文档。

引言的简明语言摘要：

Web 可持续性指南（WSG）基于最新证据和研究，推广 Web 可持续性最佳实践。
WSG 适用于应用程序、网站以及其他互联网相关产品和服务。
这些指南包含成功准则，并提供附加信息和其他交付物，以帮助决策和实施。
Web 可持续性是一个复杂主题。指导和指标可能会随时间变化，并且还应考虑碳以外的其他因素，包括非数字因素。

WSG 对 Web 可持续性的定义如下：

一种设计、开发和运营数字产品与服务的方法，使 Web 尽可能 清洁、高效、开放、诚实、再生且有韧性。[MANIFESTO]

Web 可持续性不只是减少伤害：它也关乎恢复生态系统并支持社区繁荣发展。Web 既可以是问题的一部分，也可以是 解决方案的催化剂。

WSG 旨在促进一个更合乎伦理、以人为本且包容的 Web。这些指南强调 系统思维、交叉性和跨职能协作，并将其视为可持续发展的关键。

WSG 对其定义中的关键术语理解如下：

清洁：使用低碳或可再生能源进行托管；

高效：使用尽可能少的资源；

开放：透明、可访问且由用户控制；

诚实：避免操纵、剥削或欺骗性模式；

再生：支持社区和生态系统；

有韧性：设计为能在不断变化的环境下持续存在并适应。

这建立在 Web 可持续性现有支柱之上：

地球：保护并促进健康的生态系统。

人类：保护个人、社区以及整个社会。

繁荣：遵循以良好治理、韧性和共享公平为基础的实践。

Web 可持续性指南（WSG）探讨如何让 Web 产品和服务对地球、人类和繁荣更加可持续。Web 可持续性不只是严格意义上的环境问题，因为 可访问性、国际化、隐私和安全等因素会影响项目的长期可行性。在追求 Web 可持续性时，应始终毫不妥协地遵守这些原则。

注

WSG 最初由可持续 Web 设计社区组开发。自 2022 年 4 月起，超过 100 名专家为第一份草案做出贡献，该草案随后通过 GitHub 和定期会议进行完善。2024 年 10 月，该小组及其工作成为 W3C 的一部分。

互联网相关排放现在已经超过航空业，使 Web 可持续性成为气候行动的关键杠杆。[ICT-IMPACT] [COMMS] [SHIFT]
九项行星边界中已有七项已被越过，互联网相关技术正在加速这些超越。WSG 提供了一个框架，通过可衡量、基于证据的实践来扭转这一趋势。
新兴技术（如人工智能）的整合可能会显著增加数字资源消耗，这突出了在开发和部署新的 Web 能力时考虑可持续性的必要性。
数字影响会随着规模扩大：更大的网站和在线资源面临更大的可持续性挑战，但也有更多机会实施改变。与其他基础设施不同，Web 适合敏捷且迭代式的改进。

数字服务运行于复杂的环境、社会和经济系统之中。因此，Web 可持续性需要一种系统思维方法，以理解在一个领域做出的决策可能如何影响其他领域的结果。这需要跨职能协作，汇集来自不同部门的专业知识。考虑这些相互依赖关系有助于避免意外后果并识别机会。

虽然这些指南在多个领域推广 Web 可持续性，但它们并不涵盖所有可能的环境改进、方法或战略。Web 可持续性是一个不断发展的领域，研究或既定最佳实践中可能存在空白。应始终探索可能更适合具体情境的其他方法。

WSG 关注 Web 技术，但正如 Web 与我们所做的几乎一切都有联系一样，WSG 也会审视那些影响 Web 可持续性的、不太明显的细节，即使它们与数字服务和 Web 的关系乍看起来可能并不紧密。组织在设定目标、报告以及确保符合法规时，应考虑这些更广泛的影响。

WSG 面向多样化受众设计，包括开发者、设计师、政策制定者等。它提供多个指导层次，以满足不同需求。

指南：高层目标。
成功准则：包含影响评级（如可用）和支持资源的可执行陈述。
附加信息：用示例说明如何满足成功准则，并通过标签帮助人和工具识别指南与特定群体之间的关系。

这些层次共同提供了一种结构化方法，类似其他 W3C 指南，并帮助实现者创建更可持续的项目。指南描述 Web 可持续性目标，成功准则定义可衡量的期望，附加信息则提供上下文和示例，以支持实施。

Web 可持续性指南（WSG）被组织为四个类别，反映数字服务和 Web 中涉及的不同角色。读者应审阅所有部分，即使某些部分名义上与其假定的职责无关。这一点很重要，因为某些成功准则在其所属类别之外也具有相关性。虽然 WSG 内容全面，但这些指南范围之外仍存在其他 Web 可持续性改进。

注

这份交互式规范允许你按兴趣筛选成功准则；关系中列出的标准可作为筛选器，并在资源文档中进行交叉引用。

WSG 设计为可通过自动化工具和人工评估进行测试。它适用于广泛的 Web 技术，并在全球专家的参与下开发而成。

WSG 强调数据驱动的决策。成功准则由证据和最佳实践支撑，相关支持材料可在资源文档中获得。

数据缺口存在于整个互联网栈中。例如，服务器、网络和设备的能源使用数据通常并不完整。
系统性相互依赖会产生蝴蝶效应，即一个领域中的行动可能影响其他领域。例如，部署节能硬件可能会减少能源消耗，并带来降低本地噪声的附带好处，但该硬件必须被制造，而这又需要开采稀土金属。
碳隧道视野会导致优先关注能源排放，而忽视材料废弃物、电子废弃物和用水，或在 PPP 中只关注地球而忽视人类和繁荣方面。
环境影响很少是全有或全无的。实现者应尽其所能，并缓解剩余的负面影响，以改善整体影响。

与数字服务相关的环境影响超出了能源消耗和温室气体（GHG）排放。在数据和方法可用的地方，也应考虑与数字基础设施相关的材料使用、电子废弃物、用水和化学污染 [VARIABLES]。

Web 可持续性改进可能涉及权衡。例如，减少用水的行动可能会增加能源需求，而性能优化可能会影响可访问性或设备兼容性。实现者应仔细评估潜在权衡，以确保某一领域的改进不会无意中在另一领域造成伤害。

Web 可持续性指南（WSG）影响衡量资源定义了一个框架，用于评估 WSG 指南在三个类别中的影响：人类、地球和繁荣。每条指南都会被分配一个影响评级（不确定、低、中或高）以及一个时间范围（短期、中期或长期），用以表示预计何时能观察到影响。

这些输入用于计算每条指南的影响分数。该分数帮助组织根据相对影响和时间范围比较指南并确定行动优先级。较高分数表示在较短时间范围内实现了较高影响。由此产生的分数包含在该资源中。

在无法进行定量衡量的地方，评级基于可用研究和专家输入。每条指南都包含其评级和时间范围的依据，并在适当时提供建议指标以支持评估。

Web 可持续性指南依赖多个实现者：

作者（例如设计师、开发者、作者、决策者）。
用户代理（例如浏览器）。
创作工具。

它们的影响示例包括渲染性能，以及通过开发者工具准确衡量能源使用。创作工具也通过生成高效代码、减少浪费，并以尽可能可持续的方式交付结果来支持 Web 可持续性。

注

提供 WSG 洞察的工具或用户代理必须避免指纹识别风险。例如，通过唯一标识符、分数或模式跟踪用户。能源指标应被聚合，以避免识别单个用户。

除此之外，Web 可持续性还需要所有角色中的倡导者：

个人：倡导 Web 可持续性，教育同伴，并从小处开始。
设计师/开发者：优先考虑可访问性、安全、隐私、国际化、性能和低碳基础设施。
浏览器/硬件厂商：优化效率，采用循环经济实践，并确保运营和供应链避免剥削性、不可持续或不安全的做法。
监管机构：将数字可持续性纳入气候政策和减排目标。

可持续性是一项共同责任。不同的倡导者可以根据其专长和情境主导、支持或倡导不同的指南。

随着研究、技术和 Web 可持续性实践的发展，WSG 将持续更新。通过 GitHub 贡献，以帮助确保指导反映当前知识和实际实施经验。

本节定义与 WSG 保持一致的要求，包括可选的一致性声明，以及避免漂绿的指导。

与 WSG 保持一致，无论是部分还是完整，都意味着满足一组特定的 WSG 准则。可针对成功准则、指南、章节（基于角色）或整个规范来确立与 WSG 的一致性。

当数字产品或服务满足某一成功准则中的要求时，它即与该特定成功准则保持一致。

当数字产品或服务满足某一指南中的所有成功准则时，它即与该单独指南保持一致。如果某一成功准则无法适用，则不影响该指南的一致性。

注

某一成功准则可能不适用，例如，它可能涉及视频内容，而被评估的产品或服务并不包含视频。

章节层面（基于角色）的一致性可以通过与某一章节中的所有指南保持一致来实现。例如，如果 Web 开发章节中的所有指南都被满足，则网站或组织被视为在该章节上部分一致。

这些称为：

部分一致：UX
部分一致：Web 开发
部分一致：托管和基础设施
部分一致：业务和产品

当数字产品或服务满足所有指南中的所有成功准则时，它即与 WSG 完全一致。

注

并非所有产品或服务都能实现完全一致。在实施和遵循这些指南时，应将务实和持续进步优先于追求完美。

一致性声明是可选的。如果作出声明，则必须包含：

声明的日期。
指南标题和 URI：“Web Sustainability Guidelines at https://www.w3.org/TR/web-sustainability-guidelines/”。
一致性详情：在 WSG 中已满足的成功准则、指南和/或章节列表。

实现者可以在不作出声明的情况下与 WSG 保持一致。

除一致性声明本身之外，包含以下内容也会有所帮助：

一份意图声明，说明你承诺遵守哪些标准和法规。
为协助用户而提供的附加信息，包括为改进 Web 可持续性而采取的超出本规范的步骤，以及显示变化影响的指标，并为任何支持性数据明确说明日期或时间段。

注

在可持续性声明中记录声明和支持证据，有助于证明符合减排目标、内部范围核算或法规要求。

使用这些指南可以帮助组织更好地与现有和新兴的法律、政策和报告方案保持一致，这些内容与环境和可持续性实践相关。它们并不保证完全合规，应与适用的法律和监管要求一并应用。

漂绿是误导公众，使其相信某家公司或其他实体在保护环境方面做得比实际更多。人们承认虚假声明可能会在其他领域伤害用户。在可持续性领域，由这种威胁向量产生的伤害不仅会影响产品或服务的用户，还会影响更广泛的生态系统和社会。

为避免这种情况：

不要将 WSG 一致性作为实现完全可持续性的证据，因为本文档的覆盖范围总会存在空白。
避免将局部改进作为实现可持续性的证据来呈现。
透明地传达可持续性工作，只在有支持证据的情况下作出可验证的声明。

注

WSG 所基于的指南和标准始终在变化。有些被称为“现行”或“常青”标准，它们经常更新，可能会很快影响本文档的相关性。另一些更新较少，因此变更可能不会影响 WSG，直到新版本发布。

因此，任何使用 WSG 的人都应定期检查基于新研究或数据的最佳实践更新。他们还应确保工具保持最新，以符合最新指导。

与 Web 机器学习伦理原则的关系 [webmachinelearning-ethics]: 这份 W3C 文档处理在 Web 上使用机器学习的伦理考量。WSG 整合这些原则，以确保 AI 处理可持续且负责任的数字实践。
与伦理 Web 原则的关系 [ethical-web-principles]: 这份 W3C 文档概述了 Web 的伦理原则，包括原则 2.9，其中指出“Web 是一个环境可持续的平台。”WSG 与这一原则保持一致，以在数字实践中促进可持续性。
与缓解浏览器指纹识别的关系 [fingerprinting-guidance]: 这份 W3C 文档定义了浏览器指纹识别的类型以及缓解隐私风险的方法。WSG 确保 Web 可持续性工作遵循这些指南，尊重用户隐私和数据保护。
与隐私原则的关系 [privacy-principles]: 这份 W3C 文档提供隐私原则，用于指导将 Web 发展为可信平台。WSG 将隐私、安全和 Web 可持续性连接起来，以创建负责任的数字实践。
与 Web 内容可访问性指南（WCAG）的关系: [WCAG] 提供使 Web 内容更易访问的建议。WSG 与 WCAG 保持一致，以确保数字体验既可访问又可持续。WCAG 与 WSG 之间的冲突本质上不太可能发生，但在表面上存在冲突时，应根据一致性说明进行评估。
与 Web 平台设计原则的关系 [design-principles]: 这份 W3C 文档包含 Web 平台技术的设计原则。 WSG 纳入这些原则，以推进可持续最佳实践。

与全球报告倡议组织（GRI）的关系: [GRI] 提供全球最广泛使用的 Web 可持续性报告标准。WSG 提供与 GRI 对齐的指标，以支持可持续性报告中的透明度和合规性，并随着可衡量性的提升而演进数据。

与 AFNOR（法国标准化协会）的关系: AFNOR SPEC 2201 提供数字实践中 Web 可持续性的指南。WSG 引用本文档，以与受认可的可持续性框架保持一致。
与 ARCEP（法国电子通信、邮政和新闻发行监管局）的关系: 数字服务生态设计通用政策框架为可持续数字服务设计提供指南。WSG 与该框架保持一致，以协助数字实践中的合规性和可持续性。
与 Amazon Web Services（AWS）和 Microsoft Azure 架构完善框架的关系: AWS 和 Azure 架构完善框架提供优化数字资源的最佳实践。WSG 在 Web 可持续性目标与资源效率和负责任的云使用重叠之处交叉引用这些框架。
与民主与技术中心（CDT）的关系: Web 中的人权与技术标准制定 [HR-Spec] 强调人权在 Web 标准中的重要性，包括可访问性、隐私、国际化和安全。WSG 整合这些原则，以确保数字实践既可持续又合乎伦理且负责任。
与 GR491（可持续数字设计手册）的关系: 由可持续 IT 研究所发布的 GR491 是一部可持续数字服务最佳实践手册。WSG 交叉引用该手册，以纳入经过验证的 Web 可持续性战略。
与 GreenIT 的关系: 一个提供降低数字碳足迹指南的开源倡议。WSG 采用 GreenIT 的Web 生态设计最佳实践指南建议，以促进可持续 IT 实践。
与 OpQuast 的关系: 一个质量保证提供方，通过其数字质量框架提供数字质量检查清单。 WSG 与 OpQuast 的指南保持一致，以增强 Web 可持续性的性能和资源效率。
与联合国（UN）可持续发展目标（SDGs）的关系: 联合国 SDG 是可持续变革的全球目标。 WSG 将数字实践映射到相关 SDG 目标，以促进更广泛的可持续性工作。

注

当 WSG 指导与其他文档中的指导发生冲突时，首先检查是否有替代解决方案能够同时满足 Web 可持续性和合规义务。如果冲突仍然存在，则评估风险：遵循可持续性风险较低的建议，除非 WSG 被更高权威（如法律）所覆盖。

WSG 规范提供一个稳定、可引用的基础。支持性文档通过实施指导、方法论以及与新技术协作的战略对其进行扩展。支持性文档包括：

可持续工具与报告（STAR） - 面向规范编写者的可持续性实施指导，包括用于评估工作流中可持续性的方法论。它还包含一组技术，每项技术都有来自测试套件的实现测试。
WSG 资源 - 一个精选集合，包含与数字可持续性相关的引用、基于证据的研究、学术论文、文章、实现和工具，并按 WSG 成功准则分类。
Web 可持续性法律和政策 - 一份指南，涵盖与 Web 可持续性领域相关的法律、政策、指令、标准和最佳实践。
WSG 影响衡量 - 描述随 WSG 一同提供的影响评级。这些评级和时间范围支持根据预期影响以及该影响可能在人类、地球和繁荣方面出现的时间，对指南进行优先级排序。
WSG 收益 - 这些指南包含跨多个类别的收益列表，以帮助向客户、同事和领导层说明采用成功准则的理由。
WSG 概览 - 对 WSG 及其内容的简明概览，其中包含由兴趣组成员选择的重点内容。
WSG 快速参考 - 一份 WSG 快速参考指南，包括一份便于浏览这些指南的适合打印的清单。

更多内容，请参阅 W3C 可持续 Web 兴趣组 GitHub，获取与 WSG 相关的教育资源；其他资源（如工具）可按需引用。

如果你正在创建面向用户的内容和系统，那么无论你是否意识到，你都在从事用户体验（UX）工作。

用户体验设计通过让项目长期保持可用、高效且可信，减少不必要的重复和资源使用，从而有助于可持续性。当产品难以使用时，往往需要更多支持、更多重试，并且可能比必要时间更早被放弃或替换。这会缩短寿命并增加重新设计和重新开发的需求——这些影响会在用户之间并随时间累积。

目标包括：

识别并定期审计产品、用户、用户需求以及相关影响。
通过清晰的信息架构提升访问便利性。
确保资源适用，并针对尽可能低的足迹进行优化。

收益包括：

良好的用户体验会放大内容的积极影响。
更快的加载时间会降低用户流失。例如，这可能带来更多注册，并减少电子商务中的购物车放弃。
改进可访问性、兼容性和可用性会促进社会包容和凝聚力。
可持续用户体验设计最佳实践通常也会提升性能和 SEO。

用户体验设计的简明语言摘要：

识别并处理影响你的服务、受众、用户、用户、非用户和其他受影响方的问题。
围绕写得良好的内容、经过周到设计和优化的资源以及适当的替代方案，培养轻量级体验。
使用公认模式，通过有效的导航系统和布局，快速引导用户达成目标。
创建、应用、记录并共享高效的设计系统，以减少重复。
启用可访问的交互，并且仅在必要时使用表单。
将定期审计和测试纳入项目发布日历。

评估并报告数字项目对地球、人类和繁荣的影响，并规划可衡量的减排措施，以降低其活动在现实世界中的影响。

资源

在项目开始时以及之后的定期间隔中，审查你的项目对地球、人类和繁荣的影响。记录你识别出的主要问题、需要改进之处，以及你取得的进展。将这些发现反映在面向公众的治理文件和项目报告中。

资源

制定计划，以减少与项目相关的数字活动所产生的非数字环境和社会影响。包括物流和交付排放、基础设施排放、当地健康影响，以及供应链压力所带来的影响。使用可衡量的行动来改善外部的地球、人类和繁荣结果。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、兼容性、硬件、构思、网络、性能、隐私、报告、研究、社会公平、软件

识别并让用户和受影响社区参与，并研究他们的需求。

资源

识别项目的主要用户、次要用户以及受影响社区。使用研究、测试、分析和审查来了解他们的需求以及项目对他们的影响。在整个项目过程中让用户参与。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、兼容性、构思、模式、报告、KPI、隐私、研究、社会公平、UI、可用性

设计并审查可持续的品牌和体验，在整个过程中让用户参与，并通过早期测试和具有环境意识的设计，减少不必要的开发和环境影响。

资源

在发布前优化已批准的品牌材料和资源，以满足组织的可持续性要求，并在上线后定期审查它们。如果存在品牌指南，应包含有关材料和资源环境影响的信息，以及关于可持续生产、使用和处置的指导。

资源

使用线框图和快速原型来尽早测试想法、快速达成共识、降低风险，并避免不必要的开发工作和资源使用。

资源

在整个设计过程中使用参与式设计方法。让用户参与测试和迭代，并为社区提供分享其知识和经验的机会，以改进产品或服务。

资源

在构思阶段处理地球需求和环境边界。这可以包括创建非用户、非人类画像，例如以动物或地球为中心的视角，以及开发特定气候的用户故事和冲刺。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、构思、KPI、研究、社会公平、软件、战略、UI

设计清晰、高效的旅程，帮助用户以最少的努力完成任务并找到内容。

资源

让任务简单且高效地完成。帮助用户在任务开始时了解需要做什么，减少不必要的选择，并说明预计旅程需要多长时间。

资源

设计清晰且高效的用户旅程。使用人们已经理解的既有设计模式。

资源

提供人类可读的网站地图，尤其适用于导航并不直观的大型、复杂或旧版网站。定期保持更新。提供清晰且可访问的导航和搜索功能，使用户能快速找到所需的内容或服务。使用轻量且高效的方式帮助用户发现新内容和服务，包括新闻页面、更新和变更日志。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、内容、HTML、营销、模式、性能、隐私、社会公平、UI、可用性

让用户控制通知和注意力，优先呈现与任务相关的内容，并避免会分散注意力或不必要延长参与时间的设计。

资源

确保用户能够控制接收信息的时间和方式，同时尊重他们的注意力、专注和心智负担。

资源

向用户显示与其当前任务相关的信息，并避免不必要的打断和相互竞争的界面元素。延迟显示或折叠并非立即需要的信息，但保持其易于查找。仅在用户选择打开时才显示弹出窗口、模态窗口或其他破坏性界面元素。仅在能改善用户体验时使用装饰性设计，并让可选资源可移除或默认关闭。不要移除可能对可访问性、安全或不同用户需求很重要的信息或功能。

资源

避免让用户停留时间超过必要的设计模式，例如无限滚动，或禁用标准浏览器控件和导航功能。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、资源、内容、模式、性能、隐私、社会公平、UI、可用性

避免欺骗性模式，清楚标注广告，尊重跟踪同意，并确保搜索、分享和可发现性实践优先满足用户需求，而非优化或操纵。

资源

避免会施压或误导用户的欺骗性设计模式。这包括诱导后替换、隐藏费用或虚假稀缺等做法。

资源

清楚标注广告和赞助内容。以轻量且尽量不打扰的方式投放广告，同时让用户能够控制体验。

资源

移除不必要的分析和跟踪，并在跟踪分析方面尊重用户同意。

资源

以支持用户需求而非操纵的方式优化搜索和社交分享内容。不要滥用可访问性功能、创建低质量内容，或仅为影响搜索排名而添加不必要的重复内容。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、资源、兼容性、JavaScript、JavaScript、模式、隐私、安全、社会公平、UI、可用性

创建可发现、可维护和可复用的文档与代码资源，以支持长期理解、复用和可持续性。

资源

以可复用格式创建文档和其他交付物，以减少重复工作并支持长期可持续性。

资源

用清晰且易于维护的资源记录功能和技术要求。随时间保持文档更新，并为替换或退役过时信息提供指导。

资源

为开发者提供源代码和代码注释访问权限，使他们能够轻松理解、维护并复用代码。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、资源、内容、教育、模式、软件

使用设计系统和既有模式，通过可复用组件和清晰的维护实践，确保界面一致、高效且可持续。

资源

对于大型项目或有许多贡献者的项目，使用设计系统来提升一致性、性能和长期可持续性。使用基于 Web 标准的可复用组件，仅加载每个页面或功能所需的组件，并通过清晰的归属、版本管理和更新后的文档来维护该系统。遵循既有设计模式和约定。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

可访问性、资源、CSS、教育、模式、战略、UI、可用性

仅在媒体支持用户需求时才包含媒体。高效地管理、优化和加载媒体。确保用户能够控制播放和数据使用。

资源

仅在媒体支持用户体验或有助于理解时才包含媒体，并将媒体项目数量保持在最低限度。

资源

针对不同屏幕尺寸、设备和用户需求调整媒体大小、优化并压缩媒体。使用广泛支持且高效的格式，并在可能时启用原生播放。避免不必要的自定义或非原生媒体播放器。在可用且符合安全要求时，使用硬件加速播放。

资源

从一开始就纳入延迟和/或推迟加载，方法是识别哪些媒体元素需要立即加载，哪些应仅在用户交互时加载。仅在需要时加载大型或数据密集型媒体，使用非功能性的静态外观或占位符来推迟加载，直到用户请求或交互。

资源

默认禁用音频、视频和其他媒体的自动播放。确保用户能够控制播放和分辨率。告知用户媒体长度、格式和预期数据使用量。提供禁用数据密集型媒体的选项，或提供较低带宽的替代方案。

资源

创建媒体管理和使用政策。包含有关压缩、渲染性能、文件格式、数据保留、存储、审查和删除的指导。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

示例

<picture> 
	<source type="image/avif" srcset="image.avif">
	<source type="image/webp" srcset="image.webp">
	<img width="100px" height="100px" src="image.jpg" alt="" loading="lazy"/>
</picture>

标签

可访问性、资源、内容、HTML、性能、软件、UI、可用性

谨慎且高效地使用动画，仅在动画有助于理解时使用，同时限制性能影响并让用户控制运动效果。

资源

仅在动画支持用户体验或帮助用户理解内容或操作时使用动画。

资源

限制动画数量和频率，以减少干扰、降低资源使用，并避免影响设备性能。设置最大重放次数或迭代次数。

资源

让用户能够启动、暂停、停止或控制动画和运动内容。

资源

让交互式和动画内容尽可能轻量。通过考虑格式、长度、复杂度、尺寸、质量、工具和实现方式，降低渲染成本。当存在多种方案时，选择浏览器或平台原生动画能力，并最小化主线程或布局密集型工作。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

示例

@media (prefers-reduced-motion: reduce) {
	body *,
	body *::before,
	body *::after {
		animation-delay: -1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		background-attachment: initial !important;
		transition-duration: 1ms !important;
		transition-delay: -1ms !important;
		scroll-behavior: auto !important;
	}
}

标签

可访问性、CSS、JavaScript、性能、 UI、可用性

使用能最大限度减少下载和复杂度的字体策略，同时支持所需语言和动态内容。

资源

使用系统字体或其他预安装字体，以减少字体下载并提升性能。

资源

限制下载字体的数量和复杂度。使用可变字体时，仅将支持的轴和范围限制为项目所需内容，以减小文件大小。使用可用的最高性能字体格式，并提供合适的回退字体，以在字体加载期间或无法加载自定义字体时保持可读性和性能。

资源

移除未使用的字体样式、字重和字符集。根据项目明确支持的语言、文字系统和所需 Unicode 范围对子集字体进行划分。如果你能完全控制所有输入和输出，则将字体子集化为仅包含相关 Unicode 范围或字符集。在涉及动态内容或用户生成输入的情况下，提供更广泛的文字系统覆盖，并使用增量字体传输（IFT）按需加载所需字体片段。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

示例

font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

标签

可访问性、CSS、性能、UI、可用性

仅发送用户请求的通知，并为管理偏好、选择加入、账户和联系方式设置提供清晰、可访问的控件。

资源

仅发送符合用户偏好或由用户明确请求的通知。避免不必要的电子邮件、（SMS）消息和推送通知。让用户清楚地控制每种通知类型。

资源

让用户轻松管理其通知和消息设置。使取消订阅、退出登录和账户关闭选项可见且可访问。默认关闭可选通知，并且仅在用户选择加入后启用。

显示 / 隐藏附加信息，以了解本指南及其成功准则。

标签

JavaScript、隐私、UI、可用性

通过数字优先工作流减少纸张使用，优化并复用可访问的可下载文档，并提供清晰、由用户控制的文档预览和格式。

资源

设计工作流以减少对纸质文档的需求。在必须使用纸张时，通过高效的打印布局和尽量少的页数来减少纸张使用。包含打印样式表，并使用真实内容对其进行测试。鼓励使用数字格式，而不是纸质存储和归档。

资源

优化并压缩可下载文档，以适合不同用户需求的可访问格式提供它们，并选择开放且广泛支持的格式（如 HTML），而不是专有文件格式。

资源

避免重复工作。当文档被复用时，在服务器上生成并存储一次，使其可以被高效复用，最好放在无 cookie 的域名上。

资源

在下载前向用户显示文档名称、格式、大小和简短摘要。让用户选择最合适的格式和语言。避免将文档直接嵌入页面；而是提供下载或浏览器查看链接。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、资源、兼容性、内容、电子废弃物、硬件、性能、软件、 UI、可用性

通过用户测试定义并验证原型和界面组件，以确保它们在真实世界用例和多样化用户需求中有效工作。

资源

为新功能和界面组件的原型制作与测试创建明确的流程。让具有代表性的用户对其进行验证，以确保它们能在真实世界条件和不同需求下工作。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、教育、治理、构思、研究、社会公平、策略、UI、可用性

定期审计问题或故障，并在模拟场景和真实世界场景中定期运行测试，以确保项目稳定性。

资源

评估当前用户体验并检查代码库中的错误，识别性能问题，并在适当的定期间隔中处理可访问性、可持续性或安全问题，例如每月或每季度。

资源

维护覆盖关键功能的自动化测试套件，并在构建和发布期间一致运行它，以便尽早发现回归问题。

资源

识别并解决底层代码或基础设施中的瓶颈或问题，这些问题可能会影响可持续性和性能；这样可以促进顺畅、无摩擦的用户旅程。考虑模拟指标和真实世界指标。使用适当工具，或通过研究和审计，在每个发布周期中监控性能。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、兼容性、KPIs、性能、隐私、报告、研究、安全、社会公平、软件、策略、 UI、可用性

监控用户反馈和真实使用情况，以评估功能有效性，并使用可用性测试和用户研究来指导持续改进。

资源

监控每项功能的用户反馈、采用情况和流失情况。使用这些洞察来指导更新和未来版本发布。

资源

在整个产品开发过程中使用可用性测试、真实用户指标和用户访谈。衡量发现结果的影响，并检查已发布功能是否满足用户需求和内部目标。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、教育、治理、构思、KPIs、研究、社会公平、策略、UI、可用性

记录兼容性，避免不必要的过时淘汰，并在不同设备、系统和网络条件下进行测试。

资源

记录受支持的设备、操作系统和浏览器，包括版本范围。定期审查和更新它，以反映当前版本发布情况。

资源

避免有计划的过时淘汰。在合理可能的情况下，尽可能长久地保持兼容性。清楚说明更新是可能影响性能的重大变更，还是用于修复问题或改进安全性的小型更新。

资源

针对广泛的用户条件进行测试，包括缓慢、受限或不稳定的连接、虚拟专用网络（VPN）使用、不同的操作系统和浏览器，以及较旧或低性能设备。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、兼容性、KPIs、研究、安全、社会公平、软件、策略、UI、可用性

前端和后端的可持续 Web 设计与开发实践通常会与最佳实践相交，为地球、人类和繁荣共同释放诸多收益。

前端和后端 Web 开发通过提高项目使用资源的效率，为更可持续的 Web 做出贡献。高效代码会减少不必要的处理和数据传输，从而降低大规模服务的环境影响。这些改进也会让项目更快、更可靠，帮助它们在更长时间内保持可用和可维护。因此，可持续 Web 开发同时支持性能和数字产品的长期可行性。

目标包括：

针对可持续性影响目标优化代码。
最大化产品和服务效率，以降低硬件负载和需求。
添加并调整技术功能，以提升数字可持续性。

收益包括：

可持续编码实践会促进更快、更高效且更易于扩展和维护的代码。
同样，降低客户端设备准入要求，可能让你能够将服务扩展到使用较低端客户端设备的人群。
由于客户端和服务器端代码都经过优化，放弃率降低，意味着错误更少、停机更少，用户体验更好。
更高效的 Web 服务必然会转化为更好的性能和技术性 SEO，提升搜索引擎可见性。

Web 开发的简明语言摘要：

通过消除不必要或重复的代码来优化你的项目。
以可持续方式开发你的项目，以满足受众需求。
评估第三方服务、依赖项和第一方代码的必要性和质量。
消除错误代码、阻塞事件、表单错误、安全问题和过时代码。
将界面设计为响应式，并能适应不同设备和用户偏好。
包含浏览器、搜索引擎和其他服务所期望的有用文件。
使用最新版工具和软件，并在可行时使用原生功能。

定义性能和环境目标，并在了解相对能耗和处理成本的基础上设计内容。

资源

为项目设定明确的性能和环境目标，包括对请求、已渲染元素或其他可衡量资源使用的限制。

资源

优先采用低影响的设计选择，关注各组件能耗方面可衡量的差异。复杂结构、样式和脚本驱动的体验，以及图形密集和富媒体渲染，会增加渲染的计算复杂性。只有在这些更密集的方法能带来明确价值时才使用它们。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

KPIs、网络、性能、研究、社会公平、策略

压缩代码和数据，并移除未使用的字符，以减小文件大小并提高加载效率和可维护性。

资源

通过移除不必要的空白、注释和非必要字符来压缩代码和数据文件。在整个系统中一致应用此做法，以减小文件大小并提高加载效率。这有助于在规模化情况下减少累积数据传输和处理开销，提高资源效率并降低能源消耗。

资源

识别并移除未使用或无效的代码，尤其是 CSS 和 JavaScript 中的代码。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(g,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,v=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf

标签

可访问性、CSS、HTML、JavaScript、性能

将大型组件拆分为更小的按需模块，以提高加载效率，同时平衡可维护性和缓存性能。

资源

将大型或高带宽组件拆分为仅在需要时加载的较小模块。避免过度拆分，因为这可能会增加开销、降低缓存效率，并使代码更难维护。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

link.addEventListener("click", (e) => {
	e.preventDefault();
	import("/modules/my-module.js")
	.then((module) => {
		/* Do something */
	})
	.catch((err) => {
		console.error(err.message);
	});
});

标签

CSS、JavaScript、性能

通过重构和复用减少代码重复，确保可维护性，并优先演进现有解决方案，而不是重新构建。

资源

通过改进结构、整合重复逻辑并鼓励复用来重构代码，以减少重复和冗余。

资源

优先改进和扩展现有的面向用户解决方案，而不是从头重建。只有在替换现有解决方案能为用户体验、性能、可扩展性或可维护性带来明确收益时，才进行替换。

资源

在有助于提高可维护性时，将 DRY（不要重复自己）原则应用于 CSS 和 JavaScript。确保减少重复的努力不会增加复杂性、引入不必要的依赖，或对性能造成不利影响。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

.opinions_box {
	margin: 0 0 8px 0;
	text-align: center;
	&__view-more {
		text-decoration: underline;
	}
	&__text-input {
		border: 1px solid #ccc;
	}
	&--is-inactive {
		color: gray;
	}
}

标签

可访问性、CSS、JavaScript、模式、性能

通过使用轻量级、由用户控制且仅在需要时加载的集成，尽量减少并谨慎管理第三方服务。

资源

在设计或构思过程的早期审查第三方内容和/或服务，包括插件、小部件、信息流、地图、轮播、跟踪脚本和类似组件。尽可能少用，优先选择轻量级选项，以减少整体环境影响，包括 GHG Protocol Scope 3 排放。确保第三方提供商执行与第一方相同的合规、安全、隐私、数据保留限制、数据删除政策和强制安全更新标准。

资源

仅在用户与第三方内容交互时加载它。提供简单替代方案，例如链接到表单，而不是嵌入小部件。

资源

在实际可行时，从你控制的基础设施提供内容、图标、字体、脚本和小部件等资源，而不是嵌入或依赖第三方服务来存储或交付它们。这会减少对外部系统的依赖，提高可靠性，并可减少不必要的网络请求。

资源

尊重用户围绕第三方内容和服务的偏好。提供清晰的控制项，以禁用或选择退出非必要的第三方功能。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

<iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>

标签

可访问性、JavaScript、性能、隐私、安全、软件、UI、可用性

使用符合标准的 HTML 和 Web 平台特性，并避免不必要的复杂性或非标准代码。

资源

使用有效且符合标准的标记。

资源

如果移除可选 HTML 元素、属性引号和默认属性不会对可访问性、可读性、功能或性能产生负面影响，则可以移除它们。当它们能改善可访问性、在不影响性能的情况下保持清晰，或确保一致的浏览器渲染时，应包含它们。

资源

避免使用已弃用、专有或非标准技术，除非存在明确且合理的需求，例如遗留兼容性或可访问性。仅在必要时使用 polyfill，并定期审查它们以便移除。

资源

只要标准 HTML 元素、属性、特性和 APIs 能满足需求，就应使用它们。只有在内置 Web 平台能力无法满足需求，或在构建可复用设计系统组件时，才使用自定义元素、Web Components 或自定义功能。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

<button onclick="window.dialog.showModal();">open dialog</button>
<dialog id="dialog">
	<p>I'm a dialog.</p>
	<form method="dialog">
		<button>Close</button>
	</form>
</dialog>

标签

可访问性、兼容性、内容、HTML、安全、社会公平、可用性

异步或按优先级加载非必要资源，以提高渲染性能并避免视觉问题。

资源

异步加载非必要外部资源或延迟加载它们，以避免诸如无样式内容闪烁（FOUC）、不可见文本闪烁（FOIT）或伪字体文本闪烁（FOFT）等渲染问题。

资源

当多个资源争用带宽或渲染顺序时，使用资源提示和优先级提示来提高加载性能。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

<link rel="prefetch" href="/articles/" as="document">

标签

可访问性、资源、CSS、JavaScript、性能

包含必要的文档元数据和结构化数据，以提高可用性、可访问性和机器可读性。

资源

包含必需的 title 元素，并在可改善可用性、可访问性或性能时添加可选的 HTML head 元素。

资源

包含浏览器、搜索引擎和其他用户代理广泛使用的相关 meta 标签。

资源

使用结构化数据，例如通过 JSON-LD、microdata、RDFa 或 microformats 实现的 schema.org，以便人类和机器能够在各种工具和服务中一致解释和复用内容。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

<html>
	<head>
		<title>Example: A website about Examples</title>
		<script type="application/ld+json">
		{
			"@context" : "https://schema.org",
			"@type" : "WebSite",
			"name" : "Example",
			"url" : "https://example.com/"
		}
	</script>
	</head>
	<body>
	</body>
</html>

标签

可访问性、AI、HTML、营销、可用性

通过用于颜色、动态效果、对比度、数据使用和相关设置的媒体查询支持用户偏好，以提高可访问性和效率。

资源

使用 CSS 媒体查询（例如 prefers-color-scheme）适应常见用户偏好。考虑额外的偏好查询，包括 monochrome、prefers-contrast、prefers-reduced-data、prefers-reduced-transparency 和 prefers-reduced-motion，只要这些能使用户受益。若 print 和 scripting 媒体查询能提高效率或可持续性，也应使用它们。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

@media (prefers-color-scheme: dark) {
	/* wants dark mode */
}
@media (prefers-color-scheme: light) {
	/* wants light mode */
}

标签

可访问性、资源、CSS、UI、可用性

使用响应式、渐进增强和碳感知设计，在管理资源使用的同时，确保功能在不同设备和交互方法中可访问且可适应。

资源

使用响应式和自适应设计，使产品能在手机、平板电脑、笔记本电脑、台式机、电视和新兴平台等设备和屏幕尺寸上工作。确保项目在某些功能或技术不受支持时仍然能够运行。

资源

使用渐进增强来提升可持续性：从 HTML 基线开始，然后逐步改善用户体验，而核心功能不依赖样式或交互，从而确保项目稳健且具有韧性。

资源

使用碳感知设计，在电力需求或系统负载较高时减少能源使用。使用情境化设计，将高影响功能替换、减少或禁用为低影响替代方案。自动阈值也可调整或禁用非必要功能，前提是变化保持透明。清楚说明发生了什么变化以及原因，并在可能时允许用户恢复完整功能。

资源

支持可持续的非视觉和间接交互方法，例如辅助技术、语音输入、QR 码、阅读器视图（浏览器、应用程序或 RSS）以及联网设备。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

@media screen and (min-width: 600px) {
	body {
		color: red;
	}
}

标签

可访问性、AI、兼容性、内容、CSS、性能、社会公平、UI、可用性

编写高效的 JavaScript，并使用能尽量减少处理、数据使用和能源消耗的 APIs。

资源

编写支持长期应用性能的 JavaScript，减少不必要的计算，限制 DOM 更新，并尽量减少网络请求。

资源

在有助于减少能源使用或提高效率时，利用 JavaScript APIs，例如 Compression Streams、Page Visibility 或 Vibration。

资源

仅在需要时调用客户端或服务器端 APIs。确保请求和响应中仅包含完成任务所需的数据。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

const audio = document.querySelector("audio");
// Handle page visibility change:
// - If the page is hidden, pause the video
// - If the page is shown, play the video
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
	audio.pause();
} else {
	audio.play();
}
});

标签

可访问性、JavaScript、隐私、安全

定期审查依赖，移除未使用或不必要的库和框架，并使所需包保持最新。选择最小化、安全且模块化的解决方案。

资源

定期审查依赖，并移除未使用的库和框架。卸载不需要的包。

资源

将外部库和框架的使用限制在必要范围内，因为这会减少浏览器必须下载和解析的代码量。尽可能优先使用原生代码。审查包大小，并评估能否导入单个模块而不是整个库，或能否使用性能更好的替代方案。不要用自定义实现替换成熟且可信的安全库，因为这会增加漏洞风险，并可能对可持续性产生负面影响。

资源

通过定期审查和维护，使所有依赖保持最新。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

npm uninstall <package-name>

标签

可访问性、JavaScript、模式、性能、隐私、安全、软件

包含标准的网站元数据和配置文件，以支持可发现性、透明度和运营最佳实践。

资源

默认包含 favicon.ico、robots.txt、opensearch.xml、site.webmanifest 和 sitemap.xml。如果其他默认文件成为标准，也应包含它们。

资源

包含额外的标准文件，例如 ads.txt、carbon.txt、humans.txt 和 security.txt。如果其他默认文件成为标准，也应包含它们。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 robots.txt 格式的文件。

User-agent: *
Disallow: /cgi-bin/

标签

可访问性、资源、兼容性、营销、模式、安全、UI

选择轻量、高效的实现方法，在工作量、性能和环境影响之间取得平衡，同时优先采用简单、原生和静态的解决方案。

资源

选择在工作量、性能和环境影响之间取得平衡的实现方法。更简单的解决方案可能会降低复杂性和运行时影响，但需要更多人工投入；而预构建工具可能会减少构建时间和开发工作量，但会增加持续资源使用。

资源

为你的用例使用性能最高的方法。多数情况下，从头编写代码可以获得性能最好的结果；但如果已有维护良好的解决方案可用，它可能比你自己能产出的方案优化得更好。优先选择原生组件和文件系统，而不是 WYSIWYG 编辑器、可视化页面构建器或笨重框架。注意第三方解决方案的性能、维护和环境影响。

资源

尽可能用静态内容替代动态内容。如果需要生成代码，优先选择高效工具，例如静态站点生成器（SSGs）。要意识到，与静态方法相比，动态的 CMS 驱动内容通常涉及更多服务器端处理，并依赖更臃肿的库。

资源

定期审查插件、扩展和主题，以确保它们仍然与平台和其他组件兼容、高效且可访问。

资源

使用轻量、聚焦且高效的用户界面组件，避免会增加资源使用、环境影响或维护负担的不必要复杂性。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、兼容性、构思、性能、隐私、安全、软件、策略

使用最新技术，并为每项任务选择最合适的编程语言，以确保效率和可维护性。

资源

使用所选语言和框架的最新稳定版本。

资源

为任务使用最佳编程语言，并认识到许多工具和语言针对特定类型的工作进行了优化。当收益超过成本且存在合理用户基础时，采用新语言或工具的投入是合理的，前提是这不会影响相关人员的福祉，也不会导致成本过高。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

兼容性、性能、安全

通过最小化并限定查询范围、减少重复请求以及应用数据治理实践，优化数据库使用。

资源

优化数据库查询，通过尽可能少的查询检索所需数据，并在数据库层面而非应用程序或 ORM 代码中应用过滤和选择，以减少负载，对频繁访问的数据尤其如此。

资源

每个请求或进程只检索一次数据，并在本地复用它，而不是重复进行数据库查询。

资源

限定数据库查询的范围，使其只返回所需字段和记录。

资源

应用数据生命周期和治理控制，例如生存时间（TTL）、使用 UUIDs 等非敏感标识符、去标识化，以及按照目的限制原则最小化存储数据。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是 PHP 格式的代码。

$value = get_post_meta( int $post_id, string $key = '', bool $single = false ): mixed

标签

网络、性能

即使是数据也有其“家”。无论你是在开发工具、处理数据、维护在线系统、运营网站还是做其他事情，有意识地做出能改善托管、基础设施和系统可持续性的选择，都可能产生巨大影响。

开发运维团队和托管提供商在确保基础设施满足性能、可靠性和可持续性要求方面发挥关键作用。可持续性取决于内容、代码和数据在何处以及如何被存储和处理，因为这些选择会影响能源消耗、数据传输距离和服务器效率。优化基础设施可以减少不必要的计算负载，并改善用户响应时间，从而促成更高效且对环境更负责任的项目。

目标包括：

为托管、CDN 和其他第三方解决方案寻找可持续提供商。
管理缓存、压缩、错误处理、日志记录和其他功能的配置。
使用有效的既定流程，以最佳方式处理任务。

收益包括：

降低系统资源需求会减少能源和硬件使用，进而带来成本节省。
可验证的可持续性可以在存在低碳排放或排放报告要求的市场中开辟新机会。
用于适当配置基础设施和维护数据的强流程，会降低运营支出和硬件投资。

托管、基础设施和系统的简明语言摘要：

优化托管的可持续性，尤其关注清洁能源和绿色运营。
合理定位和调整基础设施规模，以高效满足你的需求。
优化你的文件，同时确保适当的文件相关缓存和错误处理。
在你可控范围内，为最佳效率和用户体验自动化流程和服务。
谨慎管理数据的处理和存储。
使用尽可能多的指标监测项目的可持续性影响

使用可持续性指标选择和管理基础设施，在选择时优先考虑低碳能源使用以及低影响的托管和域名选择，并在管理中延长硬件寿命且尽量减少排放。

资源

在选择和评估潜在基础设施、托管、云、平台、外部管理内容或其他数字服务时，纳入可持续性指标。优先选择公开且透明披露其环境政策和相关绩效指标的提供商，包括电力使用效率（PUE）、水资源使用效率（WUE）、碳使用效率（CUE）、可再生能源使用、减排承诺，以及硬件维护和采购实践。

资源

持续监控并减少所有运行中基础设施的负面环境影响。无论是外部托管还是自行托管，都应跟踪所有可用的相关指标，例如能源使用、水资源使用和服务器资源利用率。这包括 CPU/核心、内存、存储和网络使用。使用这些信息识别低效之处，减少过度配置，优化资源使用，并支持透明的可持续性报告。

资源

延长硬件寿命。高效并按合适容量使用设备，并保持其安全修补和妥善维护。新硬件应从承诺设备长寿命、补丁和维修选项的供应商处采购。

资源

使用碳强度尽可能低的电力。托管提供商应使用可用的基于位置的电网数据测量并报告碳强度，包括现场发电、备用系统和储能。使用这些信息选择低碳托管提供商，并改进能源采购和基础设施效率。

资源

根据 GHG Protocol（范围 2），使用基于市场的碳核算来减少间接电力排放中的剩余排放。当通过能源属性证书（EACs）或可再生能源证书（RECs）购买低碳电力时，应确保证书与所用电力的时间和地点相匹配，识别可再生电力的生成时间，并能够以防止重复计算的方式有效签发和注销。

资源

核实域名注册的影响是否由域名注册局和注册商披露。在注册商提供环境影响数据时，使用这些数据为域名注册决策提供依据，并减轻环境影响。在没有此类数据时，在做出注册决策时评估假定的环境影响，并在可能时做出以可持续性为重点的选择。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、电子废弃物、硬件、网络、社会公平

使用缓存和离线能力来减少网络负载、提高韧性，并在性能与可持续性之间取得平衡。

资源

使用缓存来减少处理时间以及重复的数据库查询、API 调用和网络请求。对动态内容应用服务器端缓存，对不经常变化的资源应用客户端缓存。控制缓存生命周期，为稳定资源提供静态版本，并尽量减少频繁使用资源的重复请求，同时平衡增加的复杂性和维护成本，以改善数据交付方式。

资源

在网络中断期间保持必要内容和功能可用。使用 Web 平台能力提供离线访问，例如渐进式 Web 应用（PWA）、Service Workers、Web Workers 或本地存储。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 .htaccess 格式的文件。

<IfModule mod_expires.c>
	ExpiresActive on
	# Default: Fallback
	ExpiresDefault                                      "access plus 1 year"
	# Specific: Assets
	ExpiresByType image/x-icon                          "access plus 1 week"
	ExpiresByType application/rss+xml                   "access plus 1 hour"
	ExpiresByType application/json                      "access"
</IfModule>

标签

可访问性、资源、HTML、JavaScript、网络、性能、软件

压缩服务器响应和媒体文件，以减少带宽、存储使用和交付开销，同时平衡处理成本。

资源

在上传图像、音频和视频之前，通过使用高效格式和质量设置来减小文件大小。如果文件已经适合上传大小，则避免应用额外压缩。

资源

在上传到任何位置之前，压缩图像、视频和音频等媒体文件，以减少存储和传输需求。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 .htaccess 格式的文件。

<IfModule mod_deflate.c>
	<IfModule mod_setenvif.c>
		<IfModule mod_headers.c>
			SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
			RequestHeader append Accept-Encoding "zstd, gzip, br, deflate" env=HAVE_Accept-Encoding
		</IfModule>
	</IfModule>
	<IfModule mod_filter.c>
		AddOutputFilterByType DEFLATE "application/atom+xml application/javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/schema+json application/geo+json application/vnd.ms-fontobject application/wasm application/x-font-ttf application/x-javascript application/x-web-app-manifest+json application/xhtml+xml application/xml font/eot font/opentype font/otf font/ttf image/bmp image/svg+xml image/vnd.microsoft.icon image/x-icon text/cache-manifest text/calendar text/css text/html text/javascript text/plain text/markdown text/vcard text/vnd.rim.location.xloc text/vtt text/x-component text/x-cross-domain-policy text/xml"
	</IfModule>
	<IfModule mod_mime.c>
		AddEncoding gzip              svgz
	</IfModule>
</IfModule>

标签

资源、网络、性能

提供清晰的错误处理，并确保断开的链接被修复或重定向到目标位置，以防止导航问题。

资源

实现清晰的错误处理和用户友好的错误页面，解释发生了什么问题，并引导用户返回内容。

资源

如果断开或过时的链接不再有效，请更新它们。仅当重定向能明确使用户受益或保留 SEO 价值时才使用它们，并避免长链或不必要的重定向链。应用相称性原则，确保工程和维护成本不会超过性能或 SEO 收益。测试重定向以防止错误和循环，并选择最简单有效的方法。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 .htaccess 格式的文件。

ErrorDocument 404 /404.html

标签

可访问性、兼容性、内容、营销、网络、UI、可用性

移除不必要的虚拟化环境，以提高效率和可维护性。

资源

只要不会降低所需的安全、隔离或合规保证，就通过停用、离线化或移除未使用或冗余的虚拟和物理环境（例如容器和虚拟机）来减少活动环境数量。也应以同样方式评估正在运行的服务。同样，检查未使用分支、环境和服务的代码库和设置，并移除不再需要的内容。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、硬件、网络、性能、软件

高效地自动化和扩展任务与基础设施，仅在需要时运行流程，并控制不需要的流量。

资源

按照持续集成和持续交付（CI/CD）最佳实践，自动化部署、测试和编译等重复任务，以减少人工工作并提高一致性。优先选择环境影响较低的自动化工具和平台，并避免自动化系统的不必要重复。

资源

仅在需要时运行自动化任务，以避免不必要的资源使用。

资源

使用自动扩缩容根据需求调整服务器容量。实现缓冲和节流以管理负载压力。在高需求期间扩展资源，并在需求下降时缩减资源，以避免过度配置。

资源

使用安全控制限制不需要和不必要的第三方爬虫、用户代理、机器人和抓取器，同时确保内容仍可供合法用户、搜索引擎以及有益或授权的爬虫访问。应考虑到某些抓取器可能用于有益目的，包括为大型语言模型提供信息或训练。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、性能、安全、软件

基于用户需求和可持续性需求之间的平衡，决定何时刷新数据。

资源

根据用户需求、准确性要求和资源效率定义缓存刷新率，以确定数据何时更新。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

JavaScript、网络、性能、可用性

定期备份数据，以确保在发生问题时存在可依赖的故障保护措施。

资源

确保系统和用户数据的备份是安全且增量的，以最小化存储使用并减少备份时间。限制对备份的访问，并建立机制防止可识别用户的信息被长期存储。保护备份，防止数据丢失或被滥用。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

硬件、性能、安全

使用碳感知调度、高效且安全的协议，以及简单的系统设计，在平衡性能、安全和约束的同时减少不必要的处理。

资源

使用碳感知计算，根据实时电网碳强度数据，将任务调度或批处理到碳强度较低的时间运行，或在可能时将工作负载转移到碳强度较低的区域，从而动态优化工作负载执行，同时尊重安全、性能和数据驻留约束。

资源

选择通过提高效率和减少资源使用来平衡用户需求、安全和可持续性的通信协议。优先采用 HTTPS 和 SFTP/SSH 等安全选项，避免使用 HTTP 和 FTP 等不安全的遗留协议，并采用 HTTP/2 或 HTTP/3 等现代标准，以获得更好的性能和更低的网络开销。仅在必要时保持向后兼容。

资源

在构建具有状态变化且不需要完整页面刷新的产品时，使用事件驱动架构和微服务。在基于性能、功率和处理因素判断其相比 REST 风格同步 APIs 更节能时，优先采用这些方案，并选择能在满足需求的同时减少服务器工作负载和环境影响的方法。

资源

避免不必要的数据处理。根据性能、安全、可持续性指标和资源使用，谨慎决定处理应发生在客户端还是服务器端。

资源

在应用程序各层之间执行数据转换、传输和处理时，应尽可能靠近源头。这可以减少不必要的序列化开销，并避免浪费资源。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、JavaScript、网络、性能

针对静态内容和处理，有策略地使用 CDNs 和数据位置，仅在它们能提高效率和可持续性时使用，同时避免不必要的分发和传输。

资源

仅在能提供明确收益时，为静态内容、资源和其他只读资源使用内容分发网络（CDN），并结合更广泛的 Web 托管选择，逐案评估性能改进和环境影响。当服务对象完全是本地受众时，评估是否有必要使用 CDN，并优先选择地理位置接近的托管。

资源

选择能够展示可信、基于证据的 Web 可持续性承诺的 CDN 提供商。

资源

避免将动态或频繁变化的资源部署到 CDN，因为缓存分区和跨源资源共享（CORS）等浏览器机制可能限制缓存收益和交互性能，降低资源效率，而变通方法可能引入安全或隐私风险。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、内容、硬件、网络、性能

使用与需求匹配、可自动扩缩容的基础设施，以高效满足需求而不过度配置。

资源

选择满足你的需求和客户协议且不会过度配置的基础设施。在需求允许时，优先选择独立实例，而不是多区域或分布式设置。按平均负载而非峰值负载进行配置，以确保资源高效使用。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

电子废弃物、硬件、性能

使用保留、压缩和生命周期政策，定期管理并减少存储的数据（包括内容、日志、媒体和下载），同时保持对长期资源的高效访问。

资源

定期移除未使用或过时的数据（“暗数据”），以减少存储和能源成本，并管理数据是否以及存储多久。

资源

使用分类和标记政策来定义和管理数据生命周期规则，包括保留、过期和归档。

资源

仅在数据具有持久的运营、分析或法律价值，且无法轻易重新生成或替换时才存储数据。当它变得过时时，将其移除或归档。避免不必要的重复，并使用压缩、缓存和存储优化技术等高效存储实践。

资源

通过定期轮换、保留、压缩和备份实践管理日志，包括在实际可行时将资源密集型操作安排在低活动时段，以减少能源需求和运营开销。在恢复能力或复原需要时，使用包括异地存储在内的弹性备份策略，并尽可能从日志中移除敏感信息，以最小化安全和隐私风险。

资源

使大型长期资源易于下载，这样用户就不需要重复向服务器发出请求。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、内容、电子废弃物、硬件、性能、隐私

为更好的可持续性而设计网站和应用程序，需要良好的商业战略和产品管理。

任何负责网站或应用程序的人都可以影响其环境影响。企业主和高级决策者通常负责战略选择，这些选择会塑造服务的构建、交付和维护方式，包括基础设施投资、性能优先级和长期产品方向。不过，所有从事数字产品工作的人都可以通过日常决策做出贡献，提高效率并减少不必要的资源使用。这些努力也与更广泛的组织实践相连，这些实践会影响项目的 Web 可持续性。

目标包括：

利用你的影响力，确保不同规模组织中的项目能以更可持续的方式规模化开发。
提高意识，同时公开披露并报告你的努力。
从内部支持你的组织，确保它及其员工能够更好地达成相关目标。

收益包括：

适当的评估和报告会让达成合规目标、遵守法律并避免潜在诉讼风险变得更容易。
对你的可持续性影响保持透明，可以改善公众对公司的看法。这可以同时提升客户忠诚度和员工留任率——从而降低相关成本。
清晰的政策和连续性规划会建立对组织的信任，同时提供机会识别可量化风险并纳入相关受影响方。
重视用户的时间和资源，可以提升其对产品或组织的信任。

商业战略和产品管理的简明语言摘要：

规划、创建并维护政策和声明，以涵盖可持续性举措。
任命某人负责可持续性。告知并培训其他人。
努力了解你的影响。设定目标和指标。报告、验证并披露你的进展。
如果项目是必要的，则记录其演进并管理其生命周期。
与你的员工分享收益。让所有相关受影响方参与决策过程。
以合乎伦理的方式处理敏感材料，包括数据或新兴技术，例如 AI。
成为包容性的工作场所。
回馈公益事业并支持开源倡议

围绕伦理、可持续性和负责任的数据使用实施组织实践。发布并维护能够证明其实施情况的政策。

资源

制定、发布并维护关键组织政策，例如伦理准则、产品指南、可访问性声明和可持续性声明。为数字产品、服务以及新兴或颠覆性技术（例如 AI）纳入清晰表述。使这些政策可公开访问，并保留版本记录以提高透明度。

资源

在专门的可持续性栏目中发布与 Web 可持续性相关的成就、特性、合规更新和其他相关信息。

资源

提供证据，证明可持续性政策和实践正在被积极实施、监控，并随时间持续治理。

资源

倡导并遵守基于证据的法律和标准，以推进数字隐私、就业权利、透明度、问责制、负责任的新兴技术和数字可持续性。同时努力超越最低预期，尤其是在避免不必要的数据收集方面，以在符合可访问性和数据保护要求的同时，保持高效且可访问的用户旅程。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、教育、构思、KPIs、隐私、研究、安全、社会公平、策略

任命一名可持续性倡导者，并为其提供围绕可持续性相关问题发声和代表发声所需的条件。

资源

通过任命具有特定数字专业知识的可持续性负责人，为数字可持续性分配明确责任，并为其提供实现既定目标所需的资源、预算、工具和时间。在某些组织中，将其扩展为由积极个人组成的气候工作组，可以带来进一步收益。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、教育、构思、营销、隐私、社会公平

提供关于可持续性实践的持续培训、入职培训和指导，并通过清晰材料、知识共享和组织鼓励，支持参与可持续性倡议。

资源

为与你的项目相关的所有人制作、提供和/或促进入职材料与研讨会的交付，包括内部团队、外部贡献者、同事和组织决策者。包括关于一般气候素养和数字气候素养的教育，以及关于你自身可持续技术政策的指导。

资源

通过支持团队实现可持续性目标的持续学习机会，提供积极且常规的培训，以发展、建立并刷新可持续性技能。

资源

鼓励个人减少其环境影响。分享气候和可持续倡议与想法。提供关于可持续设计、最佳实践和概念的资源。

资源

创建和/或交付专门的培训手册、研讨会和材料，以概述已采用的可持续性政策与实践，以及如何实施它们。随时间管理和维护这些材料，并在新政策和最佳实践出现时进行调整。

资源

通过认可完成情况、为可持续性相关活动分配时间，以及提供激励和福利，鼓励领导层、团队和个人朝其培训目标取得进展。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

内容、教育、营销、报告

赋能用户，让他们在其选择能够影响自身环境影响时做出决策。

资源

向用户展示其行为如何影响能源使用、排放或资源消耗，并提供帮助他们做出更明智选择的选项。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

内容、教育、营销、报告

评估并比较完整生命周期环境影响，包括第三方服务的影响，以为可持续设计决策提供依据。

资源

开展生命周期评估（LCA），以了解每个功能单元 ——被评估产品或服务的一个定义明确的度量——的环境影响，包括生命周期温室气体（GHG）排放，以及整个项目生命周期中的其他相关环境影响。

资源

将你的项目与可比替代方案进行环境影响评估，以为决策目标提供依据。确定项目的额外价值或可持续性收益是否足以证明其环境影响是合理的。

资源

纳入你的流水线任何阶段所使用的任何工具或第三方解决方案的影响或估计影响。虽然它们并非由你创建，但其在生产、维护和使用过程中产生的排放也是你的整体解决方案不可分割的一部分。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、构思、KPIs、研究、社会公平、软件、策略

定义可衡量的可持续性目标和指标，并随时间传达进展。

资源

定义并发布清晰的 Web 可持续性目标。识别可衡量的性能指标，并传达相对于这些目标的进展，使人们能够理解和评估可持续性表现。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、治理、构思、KPIs、研究、社会公平

使用独立验证来支持并改进可持续性声明。

资源

使用独立第三方验证或保证来确认可持续性声明。

资源

随时间重新评估可持续性声明，并在新证据影响其准确性时进行更新。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

治理、KPIs

发布透明且符合标准的可持续性报告，跟踪随时间变化的进展，并清楚解释真实影响的减少情况，同时避免误导性报告。

资源

创建并发布用于披露数字产品、项目和服务的环境、社会与治理影响的政策和实践，并使其符合公认标准。

资源

至少每年发布一份公开的可持续性影响报告，包括相对于以往报告和 Web 可持续性目标的进展。

资源

为数字产品和 Web 服务的排放以及环境、社会与治理影响创建并维护透明的报告实践。

资源

清楚解释环境、社会与治理影响如何被减少，同时避免重复计算、洗绿、排除数据或选择性报告等误导性做法。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、内容、KPIs、报告

描述收入生成如何支持环境和社会成果。

资源

记录组织如何产生收入，以及这些收入流如何与环境和社会影响相关。描述如何衡量、审查并随时间改进影响。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

内容、构思、研究、策略

为长期产品支持维护清晰的文档、资源配置和衡量实践，包括安全、可持续性和故障风险的早期检测。

资源

制作并维护文档，概述组织如何开展产品管理和维护。

资源

为所有数字产品和服务制定、实施并维护维护计划和安全计划，优先考虑长期可持续性、能源效率，以及整个产品生命周期中的负责任资源使用。

资源

确保产品、原型、测试和支持流程随时间获得充足资源。保持足够的人员配置和预算来支持持续维护，包括处理技术债务、重构和演进功能，而不放弃项目。

资源

在维护过程中纳入碳和资源衡量，并随时间跟踪改进。优先采用能够反映所交付核心价值和可持续性成果的指标。避免会激励不必要工作、资源消耗或排放的指标。

资源

识别并记录关键失败指标（KFIs），包括与可访问性、可用性以及其他环境、社会和治理影响相关的指标。监控 KFIs 以发现新兴风险并为纠正行动提供依据。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、兼容性、安全、策略

维护持续改进流程，在用户价值和可持续性成果之间平衡功能变更、维护和更新。

资源

嵌入持续改进实践，清楚报告正在改变什么、为什么改变，以及它是否改善环境可持续性成果。确保环境和其他 ESG 影响与运营和业务绩效指标一起评估。

资源

审查交付物并频繁更新，以确保项目团队有足够时间开展用户研究、识别并消除技术债务，以及产出高质量成果并分享所学内容。

资源

展示用于分析数字产品或服务的持续改进（迭代）流程记录。同时处理持续实验可能带来的后果，例如技术债务、产品性能和排放。将分析限制为有助于决策、鼓励用户反馈，以及将性能与组织目标和用户需求进行比较的严格必要功能。

资源

在整个产品生命周期中定期审查所有功能。根据环境影响、用户价值、使用情况和维护成本，对保留、变更、添加或移除功能的决策进行论证并确定优先级。这包括停用未使用或低流量的功能和内容。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、兼容性、KPIs、性能、隐私、安全、策略、UI

在功能发生变化时提供文档，帮助用户找到方向。

资源

当功能被添加、变更或移除时，提供清晰且结构化的文档。使用一致的版本控制或变更跟踪系统来传达变更的性质和影响。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 change.log 纯文本文件。

# Changelog - Website

## [Unreleased]
- N/A

## 1.0.0 - YYYY-MM-DD
### Added
- Content.

## [Guide]
- Added: New features.
- Changed: Altered functionality.
- Deprecated: Disappearing features.
- Removed: Eliminated features.
- Fixed: Bugs patched.
- Security: Solved vulnerabilities.

标签

兼容性、内容、教育、安全、可用性

评估与可持续性目标的一致性，验证产品需求，并减少访问、可用性和公平性方面的障碍。

资源

识别产品或服务是否与任何相关联合国可持续发展目标（U.N.（SDG）一致，并在适用时将相应目标纳入可持续性声明。

资源

基于可取性、可行性和可存续性，评估产品或服务是否被需要。

资源

移除或减少阻碍人们使用产品或服务的障碍，包括可访问性、技术、地理和公平性相关障碍。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、电子废弃物、构思、报告、软件

基于可持续性原则选择并与供应商合作，衡量其影响，并透明地发布伙伴关系成果。

资源

在供应链伙伴选择和治理中应用可持续性原则，并由用于审查和评估潜在伙伴的清晰政策提供支持。

资源

与供应商合作，创建、跟踪并衡量对受影响方的影响。

资源

在公开可访问的位置推广并披露伙伴关系，并附上关于该伙伴关系如何创造集体影响的信息。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、内容、治理、硬件、构思、社会公平

发布并践行多样性、公平、正义、包容（DEIJ）和可访问性承诺，支持培训和可衡量进展，并确保产品和运营中的包容性成果。

资源

发布清晰的 DEIJ 承诺。说明组织如何应用这些承诺来减少排斥，并支持不同群体、服务不足或边缘化社区长期可持续地访问产品。

资源

提供 DEIJ 培训，以及算法偏见、数字鸿沟、就业公平、错误信息和虚假信息等主题。

资源

跟踪并发布 DEIJ 在招聘、领导层和运营方面的可衡量进展。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、构思、社会公平、策略

尊重用户数据权利，并通过最小化收集、用户控制、可移植性、删除和内容归档来管理数据生命周期。

资源

以通俗语言和可访问格式维护可公开访问的隐私、法律和政策文档。遵循与公认国际标准一致的强数据保护实践，在用户风险较高或保障不足时应用更强保护，并通过透明的数据使用和治理，支持隐私、可访问性和可持续性方面的良好实践。

资源

尊重用户数据权利，包括访问、更正、删除、选择退出和数据可移植性。提供清晰的用户控制项来管理账户、数据和订阅。只为定义明确的目的收集和保留个人数据，并且保留时间不得超过必要范围。以开放且常用的格式提供数据导出。确保删除和同意变更在合理时间范围内应用于所有系统，包括数据库、派生数据集、备份和缓存。

资源

通过自动到期日期和定期产品审计，归档和删除过时或已过期的产品内容和数据。发布归档时间表，并确保为可能需要旧可搜索内容的人维护其轻量版本。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、内容、治理、隐私、安全、社会公平、策略

通过仅使用来源合乎伦理且规模适当的数据和模型、管理环境影响、支持劳动力适应、尊重用户代理控制，并仅在有正当理由时使用后量子加密，确保自动化系统的负责任使用。

资源

确保自动化系统使用、创建或引用的数据集不超过任务所需规模，并以合乎伦理的方式获取、筛查、验证、存储和使用，且公平、非歧视、负责任。

资源

支持员工适应可能改变或颠覆其角色或组织运营的新技术。

资源

审计并核算与推广或采用 AI 以及新兴或颠覆性技术相关的环境影响。这包括第三方系统以及每次使用产生的废弃物、水和排放，也包括初始部署和更新所导致的影响。优先考虑效率，并以尽量减少环境影响的方式进行部署。

资源

确保机器人、爬虫、用户代理、抓取器、人工智能以及所有其他自动化工具尊重主机、服务器和站点级别的选择退出信号。提供者必须在 HTTP 标头中的用户代理里声明自己为非人类。

资源

仅在确有需要防范“现在收集，未来解密”攻击和长期数据机密性风险时，才使用后量子加密。应将其视为对现有加密方法的补充，而不是替代，并在任何过渡期间同时使用两者。在高流量服务中采用后量子加密时应谨慎，因为带宽消耗、处理需求、设计复杂性和迁移风险可能超过安全收益。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、AI、内容、电子废弃物、治理、硬件、网络、性能、隐私、安全、社会公平、软件

通过撤出高碳资产，并使预算和财务伙伴关系与长期可持续性保持一致，采用负责任的融资实践。

资源

从化石燃料撤资，并将包括银行和赞助在内的财务关系转向更可持续的伙伴。

资源

使用支持长期维护和环境责任的负责任预算与融资实践。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

治理、构思、社会公平

使伙伴关系和企业捐赠与组织宗旨保持一致，并通过清晰的伙伴关系和捐赠政策，支持有助于技能建设的志愿和公益工作。

资源

创建企业捐赠政策，并与战略上保持一致的组织建立慈善伙伴关系。

资源

支持有助于团队学习并惠及非营利和慈善组织的志愿和公益工作。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

内容、治理、社会公平

记录项目何时关闭，并让用户了解其数据将会发生什么。

资源

提供清晰、成文的生命周期终止指南，其中包括数据处置、归档、文件删除和其他相关指导。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

兼容性、电子废弃物、隐私、研究、安全、社会公平、软件、策略

通过认证服务，优先维修、复用、翻新和负责任地回收硬件与电子废弃物，包括支持用户进行维修。

资源

回收、维修或升级再造不需要的硬件和材料。在可能时回收、重新部署并复用组件，并以可持续方式处置剩余材料。使用认证维修和回收服务，负责任地处理生命周期终止的数字设备和运营性电子废弃物。服务提供商应维护一项清晰的负责任电子废弃物管理政策。

资源

维护维修和回收硬件的政策，并鼓励维修。

资源

在购买新设备之前，优先复用、翻新和重新部署现有硬件。

资源

尽最大可能允许用户维修已购买产品，在可能时按成本价提供替换零件，并提供清晰说明，帮助在故障发生时进行修复。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

内容、电子废弃物、治理、硬件、构思、社会公平

定义并应用生命周期可持续性和性能预算，设置基于证据的 KPIs，并随时间跟踪可衡量的改进。

资源

概述并记录涵盖产品和服务完整生命周期的数字可持续性预算标准，包括创建、使用和退役。确保这些限制被积极应用，并传达给所有受影响方。

资源

使用性能预算来限制数字产品或服务的大小和复杂性，主动减少数据传输和文件大小，以提高性能并创建更可持续、影响更低的数字体验。

资源

为工程投入、开发时间或冲刺定义 KPIs。以可持续方式优化工作流，使工作得到谨慎完成，同时优先考虑工作者健康、福祉和可持续的工作负载。

资源

建立基线测量，并随时间跟踪改进。要求改进声明由证据支持。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

示例

下面是一个 JSON 格式的文件。

[
{
	"resourceSizes": [],
	"timings": [
	{
		"metric": "largest-contentful-paint",
		"budget": 2500
	},
	{
		"metric": "max-potential-fid",
		"budget": 100
	},
	{
		"metric": "cumulative-layout-shift",
		"budget": 0.1
	}
	]
}
]

标签

可访问性、构思、KPIs、性能、研究、可用性

定义并维护开源政策，并通过代码、时间以及财务或实物支持，积极为开源社区做出贡献。

资源

定义并维护可持续使用和贡献开源工具的流程，包括选择、审批和发布工作流，这些流程应优先考虑复用、减少重复，并支持长期可维护性。

资源

与开源生态系统协作，在开源原则基础上支持可持续软件开发，并通过代码、时间或财务支持定期为社区项目做出贡献，以改进共享维护、复用，并减少重复劳动。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

可访问性、资源、构思、社会公平、软件、UI

维护经过测试的事件响应计划，并就服务问题、风险和恢复情况与用户进行透明沟通。

资源

创建、维护、定期审查并测试事件响应计划，以确定准备情况，并确保系统和服务能够从任何事件中快速恢复。

资源

就事件、服务问题以及任何数据或可用性风险，与用户进行透明沟通。

显示 / 隐藏有助于理解本指南及其成功准则的附加信息。

标签

AI、治理、安全、策略

注意，此变更日志仅标识自 2024 年 12 月 6 日最终草案社区组报告以来的实质性变更。

有关所有已处理议题的列表，请参阅兴趣组和原社区组议题跟踪器。

持续发布说明

新增：

[#348] WSG 影响衡量与影响 JSON API 数据集已发布。
@anewmandev, @AlexDawsonUK, @andreadavanzo, @awright1979-alt, @mrchrisadams, @chrisn, @ehorrell, @fershad, @hanopcan, @hidde, @jyasskin, @jenstrickland, @ldevernay, @astuanax, @lmastalerz, @mgifford, @the-sustainabledev, @nicolabonotto, @ohuu, @ryansholin, @systemstree, @susannah-hill, @tantek, @thorstenjonas, @timfrick, @TzviyaSiegman

更新：

向考量部分添加了指向 W3C 可访问性、安全和隐私使命的链接。
@AlexDawsonUK
摘要补充已弃用并移除，因为其内容已合并到 WSG 引言中。
@AlexDawsonUK
对 UX 章节进行了同行评审、简明英语、语气和其他内容更新。
@AlexDawsonUK, @andreadavanzo, @awright1979-alt, @bkardell, @ChristianHiBr, @CrystalPrestonWatson, @mylonelycomputer, @ehorrell, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jyasskin, @jenstrickland, @JeroenHulscher, @kazuhito-kidachi, @mgifford, @airbr, @the-sustainabledev, @codewordcreative, @ryansholin, @Sarahz27, @systemstree, @hober, @timfrick, & @TzviyaSiegman
对 WebDev 章节进行了同行评审、简明英语、语气和其他内容更新。
@AlexDawsonUK, @awright1979-alt, @CrystalPrestonWatson, @fershad, @hidde, @jyasskin, @kazuhito-kidachi, @Lewish1998, @lmastalerz, @airbr, @codewordcreative, @Sarahz27, @csarven, @systemstree, @tkalianda, @hober, @thorstenjonas, @timfrick, & @TzviyaSiegman
对基础设施章节进行了同行评审、简明英语、语气和其他内容更新。
@AlexDawsonUK, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jyasskin, @Lewish1998, @lmastalerz, @mgifford, @airbr, @codewordcreative, @ryansholin, @Sarahz27, @systemstree, @susannah-hill, @hober, & @TzviyaSiegman
对商业章节进行了同行评审、简明英语、语气和其他内容更新。
@AlexDawsonUK, Alisa Bonsignore, @ChristianHiBr, @Jaromil, @mylonelycomputer, @fershad, @hidde, @ines-akrap, @jenstrickland, @kazuhito-kidachi, @lmastalerz, @mgifford, @airbr, @the-sustainabledev, @codewordcreative, @simoneonofri, @systemstree, @hober, @timfrick, & @TzviyaSiegman
[#216] 快速参考已更新，使其更具可访问性并更适合打印，同时移除了 PDF。
@AlexDawsonUK & @jenstrickland
[#243] 简明英语引言框现在默认展开，以最大化可见性。
@AlexDawsonUK, @codewordcreative & @TzviyaSiegman
[#291] 引言已使用来自 IG 成员和摘要文档的新材料进行更新。
@AlexDawsonUK, @AnneFaubry, @hidde, @mgifford, @Psychpsyo, @codewordcreative, @ryansholin, @timfrick, & @TzviyaSiegman
[#309] 更新了考量和标签，使其更好地与收益对齐。
@AlexDawsonUK
[#342] “可持续性指标”拆分为“提供商选择”和“高效运行”成功准则。
@AlexDawsonUK, @fershad, & @codewordcreative

修复：

对齐了各文档之间的部分语言，以保持一致性。
@AlexDawsonUK & @codewordcreative
已解决或移除损坏链接和重定向。
@AlexDawsonUK & @kantoche
TAG 针对引言和 UX 章节提出的大量议题已得到处理。
@AlexDawsonUK, @codewordcreative, @susannah-hill, and @TzviyaSiegman
[#213] 已纳入可访问性横向审查反馈。
@AlexDawsonUK, @goodwitch, @JamesChristie-SustainableUX, @jenstrickland, @codewordcreative, & @TzviyaSiegman
[#214] 已纳入国际化横向审查反馈。
@aphillips, @AlexDawsonUK, @svgeesus, @r12a, & @codewordcreative
[#215] 已纳入隐私横向审查反馈。
@AlexDawsonUK, @gbshankar, @codewordcreative, &@TzviyaSiegman
[#216] GreenIT URL 已更新以匹配最新发布。
@AlexDawsonUK
[#216] 确保其他交付物交叉引用都指向 TR 规范 URL。
@AlexDawsonUK
[#232] 向法律与政策补充添加了额外参考资料。
@AlexDawsonUK
[#232] 更新了概览补充中的统计数据。
@AlexDawsonUK
[#247] 修改了 GRI 信息前的段落以提高清晰度。
@AlexDawsonUK & @ChristianHiBr
[#351] 交叉链接现在会自动显示 details 元素内容。
@AlexDawsonUK
[#351] 编号已替换为友好 ID 和 URL，以提高可维护性。
@AlexDawsonUK
[#353] 非 HTML、 CSS 或 JS 的示例现在说明其格式。
@airbr

2025 年第四季度发布说明（2025 年 12 月 15 日）

新增：

[#192] 为相关内容向筛选系统添加了 AI 标签。
@TzviyaSiegman

更新：

[#97] 和 [#191] 更新了引言内容和术语表定义。
@awright1979-alt, @hidde, @ines-akrap, @mgifford, @codewordcreative, @systemstree, @timfrick, & @TzviyaSiegman
[#192] 筛选系统在目录中更可见，并移除了 multiPage。
@AlexDawsonUK, @kfranqueiro, @timfrick, & @TzviyaSiegman
[#192] 目录更新，且 URL 中的查询字符串会更新以反映活动筛选器。
@AlexDawsonUK & @fershad
[#192] 提供了关于标准引用的引言澄清。
@TzviyaSiegman
[#192] 更新关系部分，纳入 W3C WebML WG 伦理原则规范。
@TzviyaSiegman
[#194] 基础设施任务组应用了对托管章节的多项更新。
@AlexDawsonUK, @codewordcreative, @ryansholin & @susannah-hill, & @TzviyaSiegman
[#195] 收益已移入专门的补充文档，以便进一步完善。
@AlexDawsonUK, @codewordcreative, @fershad, @nigelmegitt
[#197] 在规范中纳入了额外有用资源。
@AlexDawsonUK
[#197] UX 任务组应用了对用户体验章节的多项更新。
@aphillips, @AlexDawsonUK, @awright1979-alt, @AnneFaubry, @ChrisButterworth, @fantasai, @ehorrell, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jenstrickland, @kazuhito-kidachi, @mgifford, @airbr, @the-sustainabledev, @nigelmegitt, @r12a, @codewordcreative, @Sarahz27, @systemstree, @sorca11y, @thorstenjonas, & @TzviyaSiegman
[#197] 更新 5.20，以围绕新兴技术和 AI 提供清晰度。
@AlexDawsonUK & @codewordcreative

修复：

[#25] 根据 IG 共识，测试性气泡已移除，直到能够得到保证。
@fershad, @hidde, & @jyasskin
[#192] 针对草案说明状态之前的 pubRules 进行了额外修复。
@AlexDawsonUK, @plehegar, & @TzviyaSiegman
[#192] 修复了规范中的一些冗余问题。
@AlexDawsonUK
[#192] 更新了编辑角色和 @codewordcreative 2025 年第三季度贡献的署名。
@AlexDawsonUK, @ines-akrap, @mgifford, @timfrick, & @TzviyaSiegman
[#197] 已解决或移除损坏链接和重定向。
@AlexDawsonUK
[#197] 重叠的成功准则已合并、分组或移除。
@AlexDawsonUK, @chrisn, @fullo, @hidde, @jyasskin, @kazuhito-kidachi, @mgifford, @airbr, @codewordcreative, @systemstree, @timfrick, & @TzviyaSiegman
[#197] WSG 标头中的补充列表改进了标签描述。
@AlexDawsonUK
[#200] 对 “组织代码安排”应用了小修复。
@fershad
[#201] 对 STAR 中关于延迟加载的材料应用了更新。
@airbr & @tunetheweb

2025 年第三季度发布说明（2025 年 9 月 15^日）

新增：

[#122] 为规范和补充文档添加了深色模式能力。
@AlexDawsonUK

更新：

[#116] 和 [#127] 已为引言提供编辑改进。
@AlexDawsonUK, @AnneFaubry, @codewordcreative, @fershad, & @ldevernay
[#125] 已从规范中移除过时的影响和投入评级。
@AlexDawsonUK
[#128] 更新了摘要补充（原引言）的内容。
@AlexDawsonUK & @AnneFaubry

修复：

[#70] 和 [#117] 已对 WSG 应用全局编辑改进和错误修复。
@AlexDawsonUK, @codewordcreative, @jenstrickland, @mrchrisadams, & @ryansholin
[#79] 和 [#119] 意图已更新、缩短并转为指南副标题。
@airbr, @AlexDawsonUK, Alisa Bonsignore, @andreadavanzo, @codewordcreative, @Sarahz27, @susannah-hill & @TzviyaSiegman
[#89] 和 [#90] 改进了交叉链接结构以提升可访问性。
@jenstrickland, @pkra, @TzviyaSiegman
[#90] 作者署名现在通过致谢链接符合 pubRules。
@AlexDawsonUK & @TzviyaSiegman
[#93]、[#102] 和 [#104] 已为 Web 开发成功准则提供编辑改进。
@airbr, @AlexDawsonUK, @codewordcreative, @fershad, @hidde, @ryansholin, & @TzviyaSiegman
[#100] 已为类别引言提供编辑改进。
@AlexDawsonUK, @awright1979-alt, @codewordcreative, @fershad, @hidde, @ines-akrap, @jenstrickland, @ryansholin, @susannah-hill, @timfrick, & @TzviyaSiegman
[#101] 已为 UX 成功准则提供编辑改进。
@AlexDawsonUK, @awright1979-alt, @ChrisButterworth, @codewordcreative, @fershad, @jenstrickland, @Sarahz27, @systemstree, @the-sustainabledev, @thorstenjonas, & @TzviyaSiegman
[#105] 已为托管成功准则提供编辑改进。
@AlexDawsonUK, @codewordcreative, @fershad, @susannah-hill, @ryansholin, & @TzviyaSiegman
[#107] 已为商业成功准则提供编辑改进。
@AlexDawsonUK, @codewordcreative, @fershad, @timfrick, & @TzviyaSiegman
[#108] 已为 UX 收益提供编辑改进。
@awright1979-alt, @codewordcreative, @jenstrickland, @Sarahz27, @thorstenjonas, & @TzviyaSiegman
[#109] 已为 Web 开发收益提供编辑改进。
@codewordcreative, @ryansholin, & @TzviyaSiegman
[#110] 已为托管收益提供编辑改进。
@codewordcreative, @susannah-hill, @ryansholin, & @TzviyaSiegman
[#112] 和 [#118] 已解决或移除损坏链接和重定向。
@AlexDawsonUK & @ldevernay
[#113] 已为商业收益提供编辑改进。
@codewordcreative, @timfrick, & @TzviyaSiegman
[#114]、[#125] 和 [#132] 已为示例提供编辑改进。
@AlexDawsonUK, @codewordcreative, @the-sustainabledev, & @timfrick
[#118] 和 [#125] 已解决或移除损坏链接和重定向。
@AlexDawsonUK
[#120] 解决了支持文档中规范性用语相关的问题。
@frivoal, @hidde, @tantek
[#121] 和 [#122] 与 W3C 原则说明、风格手册和 QA 框架保持一致。
@AlexDawsonUK, @codewordcreative, & @hidde
[#122] 使所有文档与强制性 pubRules 要求保持一致。
@AlexDawsonUK
[#125] 修复了一个与打印样式表相关的小错误。
@AlexDawsonUK

2025 年第二季度发布说明（2025 年 6 月 30^日）

新增：

[#6] 新的资源补充，将作为可持续性链接的仓库。
@AlexDawsonUK
[#14]、[#58]、[#67] 和 [#68] 可用于（完整文档模式的）使用 data-attributes 的指南筛选器。
@airbr, @AlexDawsonUK, @ldevernay, @timfrick, & @TzviyaSiegman
[#41] 已向 WSG 添加现行变更日志章节（Github releases 将继续）。
@AlexDawsonUK & @TzviyaSiegman
[#53] 新增 4.1 的成功准则，覆盖域名影响。
@codewordcreative & @exortech
[#68] 新增考量部分，其中包含可访问性、国际化、隐私和安全交叉引用。
@AlexDawsonUK & @TzviyaSiegman

更新：

[#30] 和 [#55] 原可访问性指南 3.5 已移除。有用材料合并到 2.29 的成功准则中。
@airbr, @andreadavanzo, & @hidde
[#45] 3.11 的成功准则已更新，以反映更合适的结构化数据使用。
@hidde
[#51] 3.5 的成功准则已更新，以避免 CSS 方法论命名。
@airbr & @andreadavanzo
[#52] 和 [#67] 交付物已更新，以确保大小写用法和交互元素保持一致。
@AlexDawsonUK
[#56] 类别引言已重写，以包含更多材料（副标题、目标和收益）。
@AlexDawsonUK & @codewordcreative
[#67] 和 [#72] 在规范中纳入了额外有用资源。
@AlexDawsonUK
[#67] 更新了引言，以更好地覆盖新章节和补充文档。
@AlexDawsonUK
[#67] 标签已按字母顺序排序，以最大化可读性。
@AlexDawsonUK

修复：

[#41] 修复缩写用法，以确保规范和交付物之间对齐。
@AlexDawsonUK
[#41] 解决了 STAR 测试套件中存在的一些过时网站引用。
@AlexDawsonUK
[#42] 修复了 multiPage 问题，包括按钮左内边距和完整文档刷新。
@AlexDawsonUK
[#42] 术语表现在正确显示为索引的一部分，而不是主 WSG 文档的一部分。
@AlexDawsonUK
[#42]、[#43] 和 [#48] 已对文档应用多项拼写和语法修复。
@AlexDawsonUK & @hidde
[#50] 通过注明完整文件名，修复了对特定文件的引用。
@airbr
[#59] 和 [#80] 已解决或移除损坏链接和重定向。
@AlexDawsonUK
[#60] 和 [#68] 移除了源代码中过时的 CSS 和 JavaScript，以提升性能。
@AlexDawsonUK
[#60] 更新了部分标签，以反映新增和更新的成功准则材料。
@AlexDawsonUK
[#67] 进一步应用了全局语法修复，以提升内容质量。
@codewordcreative
[#67] 成功准则具有准确标识符，不含测试性等外部资源。
@AlexDawsonUK
[#73] 修复了导致 Firefox 页内搜索出现 multiPage 问题的议题。
@TzviyaSiegman
[#80] 修复了导致多页视图中的搜索无法正确工作的议题。
@dontcallmedom
[#82] 修复了一些触发筛选的失控完整文档页内搜索问题。
@AlexDawsonUK

2025 年第一季度发布说明（2025 年 3 月 31^日）

新增：

提供了 Jekyll 配置，用于生成 IG 和 WSG readme 的易读版本。
@AlexDawsonUK
为 W3C 规范创建了 ReSpec multiPage 插件，因此 WSG 现在具有分页功能。
@AlexDawsonUK, @hidde, @kazuhito-kidachi, & @TzviyaSiegman
新的 IG readme、WSG readme、contributing 和 IE policy，以反映新的 W3C 状态。
@AlexDawsonUK, @ines-akrap, @mgifford, @timfrick, & @TzviyaSiegman
新增关于可持续品牌开发和资源管理的 2.4 成功准则。
@codewordcreative
新增关于可能有益的能源相关 API 的 3.14 成功准则。
@AlexDawsonUK
新增关于覆盖抓取技术的自动化工具的 5.22 成功准则。
@codewordcreative
STAR JSON API 已发布，包含技术和测试套件 URL。
@AlexDawsonUK & @mgifford
[#15] 新增关于与其他规范（和机构）的关系的引言章节。
@AlexDawsonUK & @TzviyaSiegman
[#17] 新增 4.9 的成功准则，关于覆盖冗余处理的数据处理效率。
@jyasskin

更新：

重新设计了附加信息部分，以增加交互可见性。
@AlexDawsonUK
在规范中纳入了额外有用资源。
@AlexDawsonUK
指南标题已扩展，以更能解释可执行的成功准则。
@AlexDawsonUK & @torgo
法律与政策文档已加入额外立法、引用和修复。
@AlexDawsonUK
2.17 指南的成功准则现在包含对动画迭代的提及。
@codewordcreative
4.9 指南的成功准则现在包含改进的协议使用兼容性。
@ldevernay & @mgifford
更新 4.2 指南，使其更包容客户端和服务器端两者。
@ldevernay & @mgifford
WSG 已成功从 CG 迁移到 W3C IG 仓库。
@AlexDawsonUK
[#4] 更新 2.16 指南成功准则等内容，以移除语言歧义。
@timfrick
[#14] 指南描述重新标记为 Intent，并临时移至附加信息。
@AlexDawsonUK
[#16] 原指南 3.18-19 已合并为单一指南。
@andreadavanzo
[#20] 和 [#24] 更新 3.7 指南成功准则，以改进准则稳健性。
@andreadavanzo & @hidde
[#21] 3.19 指南的两项成功准则已合并为单一成功准则。
@andreadavanzo & @hidde
[#23] 5.20 指南的两项成功准则已合并。
@andreadavanzo
[#27] 3.2 指南的成功准则现在包含更多关于数据类型的细节。
@andreadavanzo
[#28] 3.3 指南的成功准则现在包含模块化前后端代码。
@andreadavanzo
[#32] 3.7 指南的成功准则有了更广泛的定义。
@fullo, @hidde, & @kazuhito-kidachi
[#35] 3.19 指南的成功准则现在包含在现代浏览器中避免 polyfill。
@AlexDawsonUK

修复：

已解决或移除损坏链接和重定向。
@AlexDawsonUK
小组状态已从 CG Draft 更改为 W3C Editors Draft。
@AlexDawsonUK
指南标题现在使用句首大写以提高可读性。
@AlexDawsonUK
表格中缺失的测试套件引用现在已解决。
@AlexDawsonUK
对 SustyWeb 的引用改为 IG（并更新 URL 以匹配）。
@AlexDawsonUK
解决了一些引用约定不正确的问题。
@AlexDawsonUK
SustyWeb Community 链接和规范现在带有已被取代通知。
@AlexDawsonUK, @ianbjacobs, & @TzviyaSiegman
移除了版本管理引用，以匹配现行文档状态。
@AlexDawsonUK
[#26] 解决了一些内部材料引用不正确的问题。
@airbr
[#31] 已应用多项拼写和语法修复。
@AlexDawsonUK, @codewordcreative, & @hidde

如果你发现任何新错误，或有新的内容或想法要纳入，请提交议题。

Web 可持续性指南（WSG）

摘要

本文档状态

1. 引言

1.1 WSG 背景

1.1.1 Web 可持续性 概览

1.1.2 Web 可持续性的 重要性

1.1.3 可持续性 考量

1.2 WSG 指导层次

1.3 测试和指标

1.3.1 衡量中的挑战

1.3.2 影响

1.3.3 行动号召

1.4 一致性

1.4.1 要求

成功准则层面的部分一致性

指南层面的 部分一致性

章节层面的 部分一致性

完全一致

1.4.2 声明

1.4.3 漂绿

1.5 关系

1.5.1 W3C 规范

1.5.2 其他标准

1.5.3 最佳实践

1.6 WSG 支持性文档

2. 用户体验设计

2.1 识别、评估、披露、审查并减轻可持续性影响

成功准则：影响分析

成功准则：外部影响

附加信息

2.2 了解用户 需求或约束

成功准则：受众评估

附加信息

2.3 将可持续性融入构思过程的每个阶段

成功准则：可持续品牌开发

成功准则：线框图和原型

成功准则：参与和测试

成功准则：环境构思

附加信息

2.4 设计 高效且精简的用户旅程

成功准则：高效路径

成功准则：提升效率的模式

成功准则：内容发现

附加信息

2.5 以辅助而非 干扰为目标进行设计

成功准则：尊重用户注意力

成功准则：无干扰设计

成功准则：移除参与陷阱

附加信息

2.6 避免具有 操纵性或欺骗性

成功准则：欺骗性设计模式

成功准则：广告

成功准则：分析和跟踪

成功准则：搜索引擎优化

附加信息

2.7 使 交付物易于理解和复用

成功准则：交付物可复用性

成功准则：交付物文档

成功准则：交付物可读性

附加信息

2.8 使用设计 系统保持界面一致性

成功准则：设计系统

附加信息

2.9 优化媒体以 减少资源使用

成功准则：媒体必要性

成功准则：优化媒体

成功准则：延迟加载

成功准则：用户可控媒体

成功准则：媒体管理和使用

附加信息

2.10 确保动画适度且易于控制

成功准则：动画必要性

成功准则：避免过度负担

成功准则：控制动画

成功准则：高效动画

附加信息

2.11 使用优化的 Web 排版

成功准则：预安装字体

成功准则：Web 字体优化

1.1.1 Web 可持续性概览

1.1.2 Web 可持续性的重要性

1.1.3 可持续性考量

指南层面的部分一致性

章节层面的部分一致性

2.2 了解用户需求或约束

2.4 设计高效且精简的用户旅程

2.5 以辅助而非干扰为目标进行设计

2.6 避免具有操纵性或欺骗性

2.7 使交付物易于理解和复用

2.8 使用设计系统保持界面一致性

2.9 优化媒体以减少资源使用

2.14 在项目早期让用户参与项目

2.17 跨平台兼容性支持

3.3 模块化高带宽组件

3.4 避免代码中的冗余和重复

3.5 像对待第一方一样对待第三方

3.6 确保代码遵循良好的语义实践

3.7 延迟加载非关键资源

3.8 为机器可读性构造元数据

3.9 使用支持可持续性目标的媒体查询