為了紀(jì)念2021年的地球日，我們在尋找可以減少網(wǎng)站碳足跡的方法，同時提高性能、用戶體驗和SEO。

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

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

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

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

1. 減少能源消耗

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

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

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

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

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

優(yōu)化圖片

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

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

延遲加載圖片

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

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

是的，JavaScript很棒。是的，這對用戶體驗非常有益。是的，它像糖果一樣吞噬能量。

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

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

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

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

2. 是包容的

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

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

支持遺留設(shè)備

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

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

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

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

提高導(dǎo)航

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

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

積極的反饋

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

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

不要去掉運費

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

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

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

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

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