17611538698
webmaster@21cto.com

如何让网站更节能?W3C 更新 Web 可持续发展 2023 指南

前端 0 762 2023-09-14 12:09:20


W3C 可持续Web设计社区小组发布了其2003的报告草案——Web可持续发展指南 (WSG) 1.0。它给Web开发和设计者提供了设计数字产品和服务的最佳实践,其重点关注环境和用户体验等考虑因素。 

这些指南基于循证研究,针对不同的利益相关者,包括最终用户、Web开发人员和政策制定者。 

它们符合可持续开发网络宣言与GRI 标准,帮助组织将数字产品集成到可持续发展报告中。鉴于数字技术行业对全球排放做出了重大贡献,W3C 表示,该指南旨在通过推荐数据最小化、图像优化和使用绿色托管等做法来减少网站开发和设计对地球环境的影响。

WSG 中有 93 条指南和 232 条成功标准,与WCAG的结构密切相关,WCAG 是该组织发布的另一项标准,即《Web 内容可访问性指南》。每条指南都有详细的记录,包括支持证据、现实世界的代码例子、有关其影响的详细信息、所需的实施工作以及它带来的好处。

WSG 分为四个主要类别:用户体验设计、Web 开发、托管、基础设施和系统以及业务战略和产品管理。为了快速概览,有一个名为“ WSG 概览”的摘要。

可持续的Web设计:为什么它如此重要

如果互联网是一个国家,它将是第七大污染者。

-可持续Web宣言 

人们很容易相信互联网是一个无形的、看不见的世界,一个对环境影响很小的地方。不幸的是,事实并非如此。每一项在线活动,例如搜索、发送邮件、聊天和流媒体服务,都会排放二氧化碳。这是由于运行用于访问互联网的设备所需能源以及存储在线内容和支持互联网的庞大数据中心和服务器所需能源的结果。

随着人们对数字服务和产品的需求不断增长,互联网消耗的能源量也在迅速增长。 

个人和组织有责任减少其数字活动的碳足迹,就像其线下活动一样,而第一步就是考虑网站对环境的影响。

可持续 Web 设计的好处

出于多种原因,提高网站的可持续性对于地球与组织都很重要。许多使网站更具可持续性的流程也将提高网站的整体性能并提供更好的用户体验。  

下面向大家概述可持续Web设计的一些好处和需要解决的关键领域,以帮助减少网站对环境的影响。 

减少碳足迹

据称每年全球因互联网排放的温室气体达16 亿吨,而且这一数字还将继续上升。减少废物和排放应该是任何组织战略的一个组成部分。可持续网站效率更高,因此使用更少的能源和资源,减少您的数字足迹和对环境的影响。 

更快的网站性能 

可持续Web设计的目标是在不牺牲用户体验的情况下使用尽可能少的能源。实现这一目标的一种方法是提高站点速度和效率,因为更快的加载时间需要更少的处理能力。影响网站速度的因素有很多,例如代码结构、图像和视频大小、托管提供商等。 

改善用户体验

如果网站加载速度快,它还会改善用户体验 (UX),最终用户能更快地访问内容。通常,可持续的Web设计将具有简单而高效的设计,这表示网站清晰且易于导航。用户不会对下一步该去哪里感到迷失或沮丧,因此他们花费更少的时间和精力加载不需要的页面。 

改进的 SEO 和可搜索性

让你的网站更容易被找到,还可以减少搜索您的网站所需的时间和精力。投资 SEO 优化可以提高效率,因为用户可以快速找到相关内容。反过来,为您的目标受众提供更多价值,同时减少能源消耗。  

吸引更年轻消费者

新的千禧一代和 Z 世代正引领可持续开发运动。他们更有可能与那些在应对气候变化方面承担责任的品牌合作。通过提高在数字空间中的绿色信誉并通过谈论它来提高认识,你可以将品牌价值与新一代消费者保持一致。 

快速提高网站的可持续性

选择碳中和的网络托管提供商– 选择可再生的托管提供商可能会影响网站的可持续性。并非所有绿色托管提供商都是平等的,即使是碳中和托管提供商的网站可能仍然是一个「肮脏」的网站。 

优化图像。图片是页面尺寸的最大贡献者。减小网站上图像的大小,并检查网站上的图像是否有必要。 

删除旧的、不相关的内容。任何不再有用的内容或过时的信息都应该删除。当用户尝试在网站上查找相关内容时,旧内容可能会成为障碍,从而增加他们上网的时间与能源消耗。 

WSG 的创建者鼓励社区用户的积极参与和反馈。他们邀请个人通过GitHub 存储库问题提出遇到的任何问题,并成为其社区小组的一部分。

相关链接:

GitHub:https://github.com/w3c/sustyweb/

Sustainable Web Manifesto:https://www.sustainablewebmanifesto.com/

GRI 标准:https://www.globalreporting.org/standards/

WCAG:https://www.w3.org/WAI/standards-guidelines/wcag/

WCAG AT a Glance:https://w3c.github.io/sustyweb/glance.html

评论