从减少“碳排放”的角度审视网站设计

打开网站，需要耗电，就会有碳排放。而打开A网站与打开B网站，耗电量是不同的。也就是说，网站的碳排放量是不同的。

有没有可能从降低碳排放的角度，去审视网站设计呢？

很多人或许认为这“微不足道”，因为打开网页的碳排放与工业领域碳排放相比较，微不足道。所以，无需考虑一个网站的碳排放。

但是，在国外的一家网页设计师论坛中，发起的一项调查显示，有三分之一的设计师，有意愿为减少网站碳排放而做出设计改变。

由此可见，从减少“碳排放”的角度审视网站设计，是很有必要的。

 

本文我们想要讨论的就是——减少一个网站的碳排放，设计师可以做出哪些改变？

改变一：暗黑模式

我们知道，大多数的手机浏览器，都有黑暗模式。而当我们将手机调整为“省电模式”的时候，屏幕也会变黑变暗。所以，深色背景、主题、图片，都比亮色更加省电。因此，给网站增加暗黑模式，可以起到减少碳排放的作用。而添加暗黑模式，大致有三种方式：

其一，在body里添加一个script标签导入一个js文件即可。

其二，根据前端的开关对暗色模式的css文件进行增删，起到样式覆盖的效果。

其三，使用暗色模式的css选择器（例如.dark）的样式配置暗色主题，然后根据前端的开关对所有标签的选择器进行增删。

改变二：限制JavaScript

JavaScript可以创建动态的图像、按钮等等。但是，JavaScript也会消耗大量的资源，并且容易导致网页加载时间的延长。

故此，如果要降低网页打开的耗电，需要限制使用需要大量资源的JavaScript，并且限制站点的有效负载。

而这样的做法，也恰好能够提升用户体验，何乐而不为？

改变三：缩短访问路径

毫无疑问，用户进入一个站点，打开的网页数量越多，耗电也越多；停留的时间越长，耗电越多，碳排放越多。

所以，如何缩短用户访问的路径，是一个需要不断的优化的问题。

例如，是让用户通过“搜索直达”还是通过“导航”，来获得最终的信息，网页设计师就需要考虑。还例如，内链的相关性是强还是弱，也与用户的访问路径有关。

故此，如果是内容较多的网站，应该有“搜索框”，如果是内容较少的网站，应该有科学的导航以及内链体系。这，都有助于减少网站碳排放。

同样，这样的优化设计，也可以提升用户体验。

我们发现，如果我们从减少“碳排放”的角度审视网站设计，一方面可以减少网站碳排放，另一方面，大部分的改变，也能够提升用户体验。

综上，我们认为，从减少“碳排放”的角度去改变设计思路、方法，是一件值得尝试的事情。