打开网站,需要耗电,就会有碳□□排放。而打开A网站与打▼开B网站,耗电量是□□不同的。也就是说,网站的碳□□排放量是□□不同的。
有没有可能从降低碳排放的角度,去审视网站设计呢?
很多人或□□□□许认为这“微不足道”,因为打开□□网页的碳○排放与工□□□□业领域碳□□排放相比·较,微不足道。所以,无需考虑□□□□一个网站•的碳排放。
但是,在国外的□□□□一家网页□□□□设计师论□□□坛中,发起的一□□□□项调查显❖示,有三分之□□□一的设计□□师,有意愿为◉减少网站□□□碳排放而▽做出设计□□□□改变。
由此可见,从减少“碳排放”的角度审视网站设计,是很有必要的。

本文我们□□□□想要讨论♦的就是——减少一个□□□□网站的碳□□□□排放,设计师可□□□□以做出哪□□些改变?
改变一:暗黑模式
我们知道,大多数的手机浏览器,都有黑暗模式。而当我们将手机调整为“省电模式”的时候,屏幕也会变黑变暗。所以,深色背景、主题、图片,都比亮色更加省电。因此,给网站增加暗黑模式,可以起到减少碳排放的作用。而添加暗黑模式,大致有三种方式:
其一,在body里添加一个script标签导入一个js文件即可。
其二,根据前端□□□□的开关对□□□暗色模式□□□的css文件进行□□□增删,起到样式□□□□覆盖的效□□果。
其三,使用暗色□□□模式的css选择器(例如.dark)的样式配丨置暗色主□□□题,然后根据◤前端的开□□□□关对所有□□标签的选□□择器进行□□□□增删。
改变二:限制JavaScript
JavaScript可以创建·动态的图□□像、按钮等等。但是,JavaScript也会消耗★大量的资□□源,并且容易□□□□导致网页□□□加载时间□□□的延长。
故此,如果要降□□□□低网页打◥开的耗电,需要限制□□□□使用需要□□大量资源□□的JavaScript,并且限制★站点的有□□□□效负载。
而这样的做法,也恰好能够提升用户体验,何乐而不为?
改变三:缩短访问路径
毫无疑问,用户进入□□一个站点,打开的网□□□页数量越□□□多,耗电也越□□多;停留的时□□□间越长,耗电越多,碳排放越□□□多。
所以,如何缩短用户访问的路径,是一个需要不断的优化的问题。
例如,是让用户□□□□通过“搜索直达”还是通过“导航”,来获得最✦终的信息,网页设计◆师就需要▲考虑。还例如,内链的相□□关性是强□□□还是弱,也与用户☆的访问路□□□□径有关。
故此,如果是内□□□容较多的□□□网站,应该有“搜索框”,如果是内❖容较少的□□网站,应该有科□□学的导航◣以及内链□□体系。这,都有助于□□□□减少网站□□□□碳排放。
同样,这样的优化设计,也可以提升用户体验。
我们发现,如果我们□□□从减少“碳排放”的角度审□□□□视网站设□□计,一方面可□□以减少网•站碳排放,另一方面,大部分的◥改变,也能够提□□□□升用户体△验。
综上,我们认为,从减少“碳排放”的角度去□□□改变设计□□□思路、方法,是一件值□□□□得尝试的★事情。