為了紀(jì)念2021年的地球日，我們?cè)趯ふ铱梢詼p少網(wǎng)站碳足跡的方法，同時(shí)提高性能、用戶體驗(yàn)和SEO。

在網(wǎng)絡(luò)時(shí)代的初期，人們非常關(guān)注環(huán)保網(wǎng)站:我們將砍伐更少的樹木，運(yùn)輸更少的產(chǎn)品，更少的出差。

因?yàn)榫W(wǎng)絡(luò)很小，任何負(fù)面影響都相對(duì)較小。但是互聯(lián)網(wǎng)已經(jīng)不再小了，它對(duì)環(huán)境的影響也不再小了。平均而言，網(wǎng)站每年消耗21.1萬克二氧化碳，在線觀看一段視頻估計(jì)每秒輸出0.2克二氧化碳，一封電子郵件可能消耗50克二氧化碳。

在接下來的四年里，科技行業(yè)作為一個(gè)整體可能會(huì)消耗全球20%的電力，并產(chǎn)生全球5.5%的二氧化碳排放。

好消息是，因?yàn)榫W(wǎng)站被瀏覽了很多次，所以即使是很小的改進(jìn)也可以轉(zhuǎn)化為真正的改變。

1. 減少能源消耗

通過用電，互聯(lián)網(wǎng)產(chǎn)生的二氧化碳與大多數(shù)主要國(guó)家差不多。這些碳來自兩個(gè)來源:我們用來接入互聯(lián)網(wǎng)的設(shè)備和存儲(chǔ)我們數(shù)據(jù)的服務(wù)器。

電腦會(huì)升溫，當(dāng)它們升溫時(shí)，就會(huì)變慢。服務(wù)器尤其脆弱，需要耗費(fèi)大量的能量來保持涼爽和功能，這就是為什么微軟一直把服務(wù)器扔進(jìn)大海。

你的站點(diǎn)越快，用于服務(wù)它的數(shù)據(jù)就越少，輸出的碳也就越少;就是這么簡(jiǎn)單。

減少使用的資源數(shù)量

你在網(wǎng)站上加載的所有內(nèi)容都會(huì)產(chǎn)生影響。你可能會(huì)認(rèn)為一個(gè)很小的PNG太小而不能真正影響你的碳足跡，但是在成千上萬的頁(yè)面加載中，它的影響會(huì)成倍增加。任何可以減少實(shí)際請(qǐng)求文件數(shù)量的做法都會(huì)減少您的碳輸出。你可以使用Ecograder這樣的網(wǎng)站來估算你自己網(wǎng)站的二氧化碳排放量。

優(yōu)化圖片

如果有一件事可以減少站點(diǎn)的大小、需要通過Internet發(fā)送的數(shù)據(jù)量以及產(chǎn)生的速度，那就是優(yōu)化您的圖像。

沒有什么比優(yōu)化圖像更能減少網(wǎng)站的足跡了。使用TinyPNG這樣的服務(wù)可以輕松免費(fèi)地縮小jpg和png的大小。提供WebP給任何瀏覽器，將接受他們;它將提高你的燈塔得分和提高你的二氧化碳使用。

延遲加載圖片

延遲加載圖像意味著在需要時(shí)加載圖像;頁(yè)面頂部的圖像總是會(huì)加載，而頁(yè)面下方的圖像只有當(dāng)用戶滾動(dòng)到它們時(shí)才會(huì)加載;如果用戶不滾動(dòng)到頁(yè)面的底部，他們就不會(huì)加載，節(jié)省了你的二氧化碳。

減少使用javascript的數(shù)量

是的，JavaScript很棒。是的，這對(duì)用戶體驗(yàn)非常有益。是的，它像糖果一樣吞噬能量。

當(dāng)一個(gè)網(wǎng)頁(yè)加載，它就完成了，總成本是。如果JavaScript持續(xù)在后臺(tái)運(yùn)行，基于用戶交互重新繪制屏幕——就像視差網(wǎng)站那樣——網(wǎng)頁(yè)會(huì)持續(xù)消耗設(shè)備上的能量。

選擇一個(gè)可持續(xù)發(fā)展的托管公司

你可以減少一個(gè)站點(diǎn)的電力需求，但你不能消除它們。一個(gè)簡(jiǎn)單的步驟是選擇一家從可持續(xù)能源(如風(fēng)能或太陽能)獲得電力的托管公司。

Low←Tech Magazine是由一個(gè)服務(wù)器供電，運(yùn)行太陽能，并攜帶一個(gè)警告，它可能離線。但它可以可靠和可持續(xù)地承載。許多網(wǎng)絡(luò)主機(jī)將實(shí)際的服務(wù)器管理外包出去，因此他們無法控制這些服務(wù)器的運(yùn)行方式，但也有很多例外可以保證綠色網(wǎng)絡(luò)主機(jī)。谷歌Cloud的目標(biāo)是成為云行業(yè)中最清潔的。對(duì)于綠色的網(wǎng)絡(luò)托管，我總是推薦全能的一流的Kualo。

2. 是包容的

電動(dòng)汽車運(yùn)動(dòng)最大的問題之一是，我們更換汽車的時(shí)間比我們通常急于轉(zhuǎn)向“清潔”駕駛的時(shí)間要早。

在行駛同樣的距離時(shí)，一輛新的電動(dòng)汽車的輸出肯定比汽油驅(qū)動(dòng)的汽車要少。結(jié)合增加使用,因?yàn)槔习逭J(rèn)為他們正在推動(dòng)清潔——一個(gè)新的電動(dòng)汽車制造,電池必須開采的礦物質(zhì)(可怕的條件),那么需要被運(yùn)送到你,和電動(dòng)汽車并不像看起來友好的-所以去買那輛保時(shí)捷吧，它可能比特斯拉更環(huán)保。

支持遺留設(shè)備

適用于汽車的問題同樣適用于設(shè)備。每次我們急匆匆地去支持最新的iPhone，我們就把老一代人拋在了身后。一個(gè)設(shè)備可以而且應(yīng)該使用兩年以上。

這并不是說你不應(yīng)該接受現(xiàn)代網(wǎng)絡(luò)標(biāo)準(zhǔn)。像CSS Grid這樣的技術(shù)在減少標(biāo)記大小和加快站點(diǎn)速度方面非常出色。CSS Grid已經(jīng)得到了四年多的良好支持，甚至“遺留”設(shè)備也可以處理它。如果你能多使用6個(gè)月，那這部手機(jī)的環(huán)保成本就會(huì)降低20%。

3.幫助用戶做出正確的選擇

越來越多的人試圖做出正確的選擇。我們的飲食更健康，更均衡。我們回收的衣服。我們騎自行車旅行，步行，而不是開車。人們想做正確的事情，他們尋找?guī)椭麄兊墓尽?/p>

提高導(dǎo)航

任何能讓你的內(nèi)容更容易被找到的方法都意味著更少的頁(yè)面加載量，從而消耗更少的資源。

通過改進(jìn)信息架構(gòu)、提高搜索精度和改進(jìn)頁(yè)面上的路標(biāo)(如面包屑和鏈接文本)，您可以幫助用戶更快地找到內(nèi)容。

積極的反饋

當(dāng)用戶行為對(duì)環(huán)境的影響可以量化時(shí)，讓他們知道。關(guān)心它的用戶會(huì)欣賞它，不關(guān)心它的用戶會(huì)忽略它。

Raileurope.com在任何報(bào)價(jià)上都添加了注釋，讓你知道用火車代替飛機(jī)旅行節(jié)省了多少碳。

不要去掉運(yùn)費(fèi)

許多電子商務(wù)網(wǎng)站提供免費(fèi)送貨，特別是超過一定訂單值的送貨;這是提高銷售額的好辦法。但是吸收運(yùn)輸成本意味著沒有運(yùn)輸。通過強(qiáng)調(diào)運(yùn)輸成本，即使它們沒有傳遞給客戶，你提醒他們這是一個(gè)環(huán)境成本和財(cái)務(wù)成本。

您可以通過添加運(yùn)費(fèi)，然后作為折扣明確地扣除運(yùn)費(fèi)，來吸收運(yùn)費(fèi)，而不必暗示沒有成本。

可持續(xù)的網(wǎng)頁(yè)設(shè)計(jì)對(duì)商業(yè)有益

好的網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)是可持續(xù)網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)。

讓它快速和可用，你也將使它的能源效率。讓它具有包容性，你將幫助行業(yè)減緩不斷增長(zhǎng)的消費(fèi)趨勢(shì)。讓它透明，您將幫助用戶做出他們自己的正確選擇。所有這些不僅有利于環(huán)境，而且還能改善用戶體驗(yàn)和SEO。