什么是可持续网页设计?
可持续网页设计涉及生态和经济高效的网站设计和开发。这里的重点是最大限度地减少能源消耗并最大限度地延长数字产品的使用寿命。例如,如果开发人员更容易扩展,网站就可以在经济上可持续。生态方面包括加载时间,通过一些技巧可以缩短加载时间并节省资源。
通过追求这些目标,互联网的生态足迹应该而且能够减少。
为什么可持续网页设计很重要?
运行网站和其他在线服务的服务器场需要大量能源,其中 俄罗斯消费者电子邮件列表
大部分来自化石燃料,因此会产生大量二氧化碳排放。一项研究表明,二氧化碳排放量几乎相当于全球所有空中交通的排放量。通过可持续的网页设计,我们可以帮助减少二氧化碳排放。
但可持续的网页设计不仅有利于环境:如果谨慎使用,这种方法可以为用户带来更积极的互联网体验。用户对更短的加载时间和更高性能的网站感到高兴,这反过来又显着改善了网站体验,从而有助于提供积极的用户体验。
可持续网页设计的基本原则
万维网联盟 (W3C) 及其“可持续网页设计社区小组”制定了一些建议,即《网页可持续性指南》,旨在帮助公司更可持续地提供产品和服务。
效率
为了提高编程效率、避免错误并确保更可持续的体验,开发人员有几种选择。
首先,如果可能的话,请确保减少外部库(例如 jQuery)的使用。当然,以现有库的形式添加功能更容易、更快捷。然而,使用可能会增加最终用户在使用过程中必须下载的代码量,从而导致处理时间增加。这可以为构建关键应用程序并每天多次发布新版本代码的开发团队节省大量计算能力。
您自己的软件的清晰文档还可以减少开发人员的工作量,并为公司带来更经济可持续的结果。如果开发人员通过文档更快地了解错误和问题,而不是首先必须了解代码如何在多个文件中工作,那么他们可以更高效地工作。这节省了宝贵的时间和宝贵的资源。

长寿
网站的设计应易于更新和维护,以延长其使用寿命并减少频繁重新开发的需要。
例如,在创建网站时,您可以放弃完全定制的系统,而使用现成的内容管理解决方案,例如TYPO3或WordPress 。这节省了新员工的培训时间,并实现持续更新,通常只需在现成的内容管理系统 (CMS) 中一键单击即可完成更新。
另一个重要因素是网站的设计。如今,大多数网站都依赖于允许您在浅色和深色配色方案(浅色模式和深色模式)之间切换的开关。通过将网站显示得更暗,显示器和智能手机可以节省能源,从而延长设备的使用寿命。
无障碍
一个网站应该是无障碍的。这意味着所有用户,无论其技术能力或身体限制如何,都可以访问内容。
可访问性的示例包括为视力不佳或色盲的人在网站上设置颜色调整、对屏幕阅读器的基本支持(例如,通过定义图像的替代文本)以及避免反模式,例如禁用右键单击或阻止文本免遭复制。
顺便说一句:从 2025 年夏季开始,一项加强无障碍的法律(无障碍强化法案,BFSG)将生效,并适用于 2025 年 6 月 28 日之后投放市场的所有产品。有关法律的更多信息,请参阅我们的博客文章。
为了更好地为新法规做好准备,请查看我们有关辅助功能的博客文章。
网站的提供
开发时应节省服务器资源。通常,您不仅仅需要一台稍后运行完成的网站的服务器。为了避免生产环境中出现错误,开发人员经常将代码上传到测试服务器,以在类似情况下检查功能。为了保持较低的能耗和资源使用率,应有意识地、节约地使用测试服务器。
在发布网站时,重要的是要知道您选择具有适当容量和性能的服务器并使基础设施适应网站的需求。如果网站不能充分利用其性能,小型博客就不需要高性能服务器。
在许多情况下,流行的“边缘”基础设施也是不必要的,其中页面分布在全球不同的服务器上,以保持用户和服务器之间的距离,从而缩短加载时间。例如,德语国家的小型网站就不需要这个。在这种情况下,使用德国的单个服务器就足够了。
压缩和缓存
服务器上的每个文件都使用存储空间,并且每次用户访问网站时这些文件都会传输给用户。对于较大的文件,必须发送更多的数据。这不仅需要更长的时间,而且太多的内存密集型文件很快就会填满服务器,需要配置额外的存储并使用更多的资源。
您应该确保在上传图像、视频和其他文件之前对其进行压缩。您可以使用自动处理此任务的内容管理系统。通过提供压缩媒体,即使互联网连接较差的人也可以轻松加载内容。
如果所有文件尚未存在,也应该实现缓存。缓存意味着最终用户不必再次下载未更改的文件。除其他外,这可以加快重复网站访问的加载时间,并且即使在互联网连接不足的地区,网站也能正常运行。对于公司来说,这意味着更少的数据传输,从而降低托管提供商的成本。
我们的可持续网站设计技巧
您现在是否认识到可持续网页设计的优势并愿意相应地调整您的网站?这里有一些重要提示,可确保您做到这一点。
媒体优化
永久改进网站的一个简单方法是压缩图像、视频和其他媒体。您甚至不需要像 Photoshop 这样的程序,您可以使用像TinyPNG这样的免费工具。在压缩之前,您应该首先减小图像的像素大小 - 这最有助于减小文件大小并缩短加载时间。最好阅读我们的文章“网络上的图像尺寸”并找出您的图像应具有的分辨率。
减少http请求
对服务器的每个请求都会消耗能量。结合 CSS 和 JavaScript 文件并使用缓存技术可以减少请求数量。通过缓存文件,以后访问网站时不必再次向服务器请求它们。
如果您使用的是内容管理系统,则可能已经设置了缓存,并且您不需要执行任何其他操作。在大多数情况下,您的 CMS 还提供可以一键安装的扩展。紧急情况请联系IT部门。
高效编程
坚持现代且经过验证的编码标准和技术,并确保代码易于理解和模块化。这不仅减少了培训新员工的工作量,还提高了网站的可维护性,使其能够更快速、更轻松地扩展。
对于较大的应用程序,开发团队应考虑为其代码编写测试,以防止在频繁的发布周期中出现错误。
绿色托管
选择依赖可再生能源并可持续利用其资源的托管提供商。您可以轻松地在绿色网络基金会查看托管提供商是否使用可再生能源或网站是否由可持续提供商托管。
具有环保意识的托管提供商会不断关注其电力和水的消耗,回收硬件和热量,并普遍关注服务器的使用寿命,以节省购买新服务器的成本和资源。例如,Hetzner是经过认证的可持续托管服务商。好处是,与其他托管提供商相比,价格和功能没有差异。
包括Google和Microsoft在内的许多公司都依赖可持续托管并以环保的方式行事。
结论与展望
可持续网页设计不仅是一种趋势,而且是我们日益数字化的世界的必需品。它提供了一种减少互联网环境足迹、同时提高网站可用性和效率的方法。注重可持续网页设计的公司和开发商不仅可以节省成本,还可以为环境保护做出积极的贡献。
未来,随着技术的进步和环境问题意识的增强,可持续网页设计将发挥越来越重要的作用。将可持续发展原则融入开发过程将成为常态,并有望帮助创建更加绿色的数字景观。