打開網(wǎng)站,需要耗電,就會(huì)有碳排放。而打開A網(wǎng)站與打開B網(wǎng)站,耗電量是不同的。也就是說,網(wǎng)站的碳排放量是不同的。
有沒有可能從降低碳排放的角度,去審視網(wǎng)站設(shè)計(jì)呢?
很多人或許認(rèn)為這“微不足道”,因?yàn)榇蜷_網(wǎng)頁(yè)的碳排放與工業(yè)領(lǐng)域碳排放相比較,微不足道。所以,無需考慮一個(gè)網(wǎng)站的碳排放。
但是,在國(guó)外的一家網(wǎng)頁(yè)設(shè)計(jì)師論壇中,發(fā)起的一項(xiàng)調(diào)查顯示,有三分之一的設(shè)計(jì)師,有意愿為減少網(wǎng)站碳排放而做出設(shè)計(jì)改變。
由此可見,從減少“碳排放”的角度審視網(wǎng)站設(shè)計(jì),是很有必要的。
本文我們想要討論的就是——減少一個(gè)網(wǎng)站的碳排放,設(shè)計(jì)師可以做出哪些改變?改變一:暗黑模式
我們知道,大多數(shù)的手機(jī)瀏覽器,都有黑暗模式。而當(dāng)我們將手機(jī)調(diào)整為“省電模式”的時(shí)候,屏幕也會(huì)變黑變暗。所以,深色背景、主題、圖片,都比亮色更加省電。因此,給網(wǎng)站增加暗黑模式,可以起到減少碳排放的作用。而添加暗黑模式,大致有三種方式:
其一,在body里添加一個(gè)script標(biāo)簽導(dǎo)入一個(gè)js文件即可。
其二,根據(jù)前端的開關(guān)對(duì)暗色模式的css文件進(jìn)行增刪,起到樣式覆蓋的效果。
其三,使用暗色模式的css選擇器(例如.dark)的樣式配置暗色主題,然后根據(jù)前端的開關(guān)對(duì)所有標(biāo)簽的選擇器進(jìn)行增刪。改變二:限制JavaScript
JavaScript可以創(chuàng)建動(dòng)態(tài)的圖像、按鈕等等。但是,JavaScript也會(huì)消耗大量的資源,并且容易導(dǎo)致網(wǎng)頁(yè)加載時(shí)間的延長(zhǎng)。
故此,如果要降低網(wǎng)頁(yè)打開的耗電,需要限制使用需要大量資源的JavaScript,并且限制站點(diǎn)的有效負(fù)載。
而這樣的做法,也恰好能夠提升用戶體驗(yàn),何樂而不為?改變?nèi)嚎s短訪問路徑
毫無疑問,用戶進(jìn)入一個(gè)站點(diǎn),打開的網(wǎng)頁(yè)數(shù)量越多,耗電也越多;停留的時(shí)間越長(zhǎng),耗電越多,碳排放越多。
所以,如何縮短用戶訪問的路徑,是一個(gè)需要不斷的優(yōu)化的問題。
例如,是讓用戶通過“搜索直達(dá)”還是通過“導(dǎo)航”,來獲得最終的信息,
網(wǎng)頁(yè)設(shè)計(jì)師就需要考慮。還例如,內(nèi)鏈的相關(guān)性是強(qiáng)還是弱,也與用戶的訪問路徑有關(guān)。
故此,如果是內(nèi)容較多的網(wǎng)站,應(yīng)該有“搜索框”,如果是內(nèi)容較少的網(wǎng)站,應(yīng)該有科學(xué)的導(dǎo)航以及內(nèi)鏈體系。這,都有助于減少網(wǎng)站碳排放。
同樣,這樣的優(yōu)化設(shè)計(jì),也可以提升用戶體驗(yàn)。
我們發(fā)現(xiàn),如果我們從減少“碳排放”的角度審視
網(wǎng)站設(shè)計(jì),一方面可以減少網(wǎng)站碳排放,另一方面,大部分的改變,也能夠提升用戶體驗(yàn)。
文章題目:從減少“碳排放”的角度審視網(wǎng)站設(shè)計(jì)
網(wǎng)頁(yè)鏈接:http://www.rwnh.cn/news/238111.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)