作为网络专业人士，我们如何才能帮助提高网络的能源效率呢？

从数据中心到传输网络，再到我们手中的设备，都在消耗电力，进而产生碳排放。根据最近的估计，整个网络已经消耗了全球发电量的10%，数据流量大约每两年翻一番。这可能是很少人想到的事情，甚至很少人意识到这是一个问题。但事实是，互联网耗电巨大。当谈到网页设计时，我们可以做很多事情来提高网页的能效。

如今，创建网站变得容易得多，无代码网站构建器的出现使得创建网站变得更简单。但对于典型的网络用户或业余创建者来说，要意识到他们网站对环境的影响可能要求很高。然而，对于任何数字专业人士来说，这都不应该是真正的情况。自然，Web开发人员会更加意识到他们页面的重要性，因为他们完全沉浸在代码和内容管理中，这些代码和内容管理服务于您在Web页面上看到的内容。但即便如此，许多开发人员只是简单地寻找完成项目的最快途径，而不是创建最快、最高效的站点的最佳方式。

因此，他们使用庞大的Javascript和第三方工具加载网站，以满足客户或设计师的视觉规格。只要它能用就行了，对吧？他们可能不在乎。他们可能对他们的网站在500 Mbps的连接上加载速度很快感到满意。谁会在乎他们是否在其他国家的移动连接上浪费昂贵的数据呢？“但是，卡尔，由于客户预算和截止日期的限制，我们中的一些人没有建立超高性能、轻量级和优化网站的奢侈品。”嗯，我认为你需要在你的手艺上下功夫，改变你的态度和你的优先事项，或者找另一个职业。

当我们谈论网站的能源效率时，很容易认为这是一个纯粹的技术话题。然而，在我们建网站之前，效率是可以提高的。设计和内容对能源效率有很大影响。

因此，一些对繁重的场地和大量的二氧化碳排放做出最大贡献的人是设计师。大型移动图像、多种网络字体、动画、声音、自动播放视频以及深奥的设计如今很流行。我们看到了一次又一次最好的网络展示，唯一的标准是：“它看起来设计得好吗？”嗯，看看引擎盖下面。这是相当可怕的。这还没有涉及到许多易访问性问题。如果有更多的设计师问自己，“我上一次在设计东西时考虑页面大小是什么时候？”我上一次认定页面重量比美观更重要是什么时候？“。

这些都是我以前向设计师提出的问题，他们的回答往往是，“我只是在试验技术，并试图提高我的UI技能。这有什么害处呢？“。那么，每日一站，危害在于你的能源消耗，以及可能没有人-除了同行设计师的回音室-对你的过度设计他妈的在意。人们只想快速地访问内容，不会分心，不会产生摩擦，也不会使用一吨数据。这并不是说美学不重要--它们确实重要。网站的视觉设计可以在用户体验、可读性和转换性方面发挥重要作用，但就像大多数事情一样，需要达到平衡。而且有一种责任需要分担。

幸运的是，越来越多的网络专业人士确实关心网站对地球的影响，设计师和开发人员都可以找到许多解决方案来改善他们的网站，而不会过度损害他们的设计。我正在积极研究解决方案，以改进我自己的工作。

那么，我们如何才能在网页设计中更节能呢？嗯，全粒数码公司的员工列出了一份全面的清单，但这里有一些关键的考虑因素：

对页面重量贡献最大的单个因素。图像越多，需要传输的数据就越多，消耗的能量也就越多。一个好的起点是问问自己：

我们可以用矢量图形(甚至CSS样式)代替照片来达到同样的效果吗？

一些设计几乎完全集中在图像上，在这种情况下，优化对于更好的性能至关重要。有些技术决策会显著影响页面上显示的图像的文件大小。这些措施包括：

以正确的比例加载图像，而不是依赖CSS来调整它们的大小，这样您就可以避免加载大于它们将显示的比例的图像。

在将图像优化工具上传到您的站点之前，请使用它们。我个人使用ImageOptim。

对每个图像使用最有效的文件格式，例如WebP而不是JPEG(尽管并非所有浏览器都支持这种格式)。

使用图像处理工具调整提供服务的图像的大小、裁剪和增强图像。为此，我使用imgimx，它对于像Minimalissimo这样的图像密集型站点非常有效。

到目前为止，数据最密集、处理最密集的内容形式。和图片一样，问问自己视频是否真的有必要。如果是，千万不要自动播放视频。它会给用户CPU带来更高的负载，从而导致更大的能耗。再说，这简直像地狱一样烦人。让用户决定是否播放视频。

Web字体可以增强站点设计的视觉吸引力，并提高可读性，但它们会显著增加使用它们的站点的文件重量。单个字体文件的大小可能高达250KB，这可能仅适用于标准粗细。如果你想加粗，再加250KB！有几个选择值得考虑：

整洁和精简的代码从根本上说是一件好事。保持代码的整洁和简单，避免重复，并编写高效的查询。幕后的代码应该是一台润滑良好、精简的机器。我将借此机会分享一个有争议的观点：所有的设计师都应该学习编程。至少如果他们想要一个网站的话。没有代码的站点构建器可能非常好，但是如果您不了解底层代码，那么您就不太了解优化站点的方法。

JS通过两种方式影响网站效率：增加网页的文件权重和增加用户设备所需的处理量。其中第二个是更适用于JS的内容，而不是其他类型的文件。寻找使用更高效的技术(如CSS)实现前端交互、功能和动画的方法，或者至少高效地使用JS。这里应该特别提到跟踪和广告脚本，这些脚本很少为用户提供任何价值，但会显著增加文件权重。不要让广告妨碍手艺。

使用缓存技术(如memcached或Varish)预先生成每个页面的静态版本，这样可以显着降低大多数访问者的服务器开销。这显著降低了服务器能耗，并大大缩短了页面加载时间。

在为搜索引擎优化站点时，我们正在帮助人们快速、轻松地找到他们想要的信息。当搜索引擎优化成功后，人们浏览网页寻找信息的时间就会减少，访问不符合自己需求的页面的次数也会减少。

没有一个网站是完美的，但我们有责任为地球和用户提供更好的数字设计，这是一个很好的起点。网络效率是一种态度，是为网络建设的用心方法的结果。