打開網站,需要耗電,就會有碳排放。而打開A網站與打開B網站,耗電量是不同的。也就是說,網站的碳排放量是不同的。
有沒有可能從降低碳排放的角度,去審視網站設計呢?
很多人或許認為這“微不足道”,因為打開網頁的碳排放與工業(yè)領域碳排放相比較,微不足道。所以,無需考慮一個網站的碳排放。
但是,在國外的一家網頁設計師論壇中,發(fā)起的一項調查顯示,有三分之一的設計師,有意愿為減少網站碳排放而做出設計改變。
由此可見,從減少“碳排放”的角度審視網站設計,是很有必要的。
本文我們想要討論的就是——減少一個網站的碳排放,設計師可以做出哪些改變?
改變一:暗黑模式
我們知道,大多數的手機瀏覽器,都有黑暗模式。而當我們將手機調整為“省電模式”的時候,屏幕也會變黑變暗。所以,深色背景、主題、圖片,都比亮色更加省電。因此,給網站增加暗黑模式,可以起到減少碳排放的作用。而添加暗黑模式,大致有三種方式:
其一,在body里添加一個script標簽導入一個js文件即可。
其二,根據前端的開關對暗色模式的css文件進行增刪,起到樣式覆蓋的效果。
其三,使用暗色模式的css選擇器(例如.dark)的樣式配置暗色主題,然后根據前端的開關對所有標簽的選擇器進行增刪。
改變二:限制JavaScript
JavaScript可以創(chuàng)建動態(tài)的圖像、按鈕等等。但是,JavaScript也會消耗大量的資源,并且容易導致網頁加載時間的延長。
故此,如果要降低網頁打開的耗電,需要限制使用需要大量資源的JavaScript,并且限制站點的有效負載。
而這樣的做法,也恰好能夠提升用戶體驗,何樂而不為?
改變三:縮短訪問路徑
毫無疑問,用戶進入一個站點,打開的網頁數量越多,耗電也越多;停留的時間越長,耗電越多,碳排放越多。
所以,如何縮短用戶訪問的路徑,是一個需要不斷的優(yōu)化的問題。
例如,是讓用戶通過“搜索直達”還是通過“導航”,來獲得最終的信息,網頁設計師就需要考慮。還例如,內鏈的相關性是強還是弱,也與用戶的訪問路徑有關。
故此,如果是內容較多的網站,應該有“搜索框”,如果是內容較少的網站,應該有科學的導航以及內鏈體系。這,都有助于減少網站碳排放。
同樣,這樣的優(yōu)化設計,也可以提升用戶體驗。
我們發(fā)現,如果我們從減少“碳排放”的角度審視網站設計,一方面可以減少網站碳排放,另一方面,大部分的改變,也能夠提升用戶體驗。
綜上,我們認為,從減少“碳排放”的角度去改變設計思路、方法,是一件值得嘗試的事情。