數位減碳網站設計

網站的每一次瀏覽,都需要資料中心、網路傳輸與使用者裝置耗電。頁面越輕,每次瀏覽消耗的能源就越少。愛貝斯將「數位減碳」設計列為所有客戶網站的預設規格,平均頁面傳輸量降低約 35%。
預設採用的減碳設計
- 圖片 WebP 化與自動裁切:上傳圖片自動轉為 WebP 格式並依版位尺寸輸出,避免傳送過大的原始圖檔。
- 延遲載入:畫面外的圖片與影片待使用者捲動到附近才載入。
- CDN 快取:靜態資源由鄰近節點提供,減少重複傳輸與主機負載。
- 程式碼精簡:前端資源打包壓縮,移除未使用的樣式與程式。
- 字型子集化:中文字型僅載入實際使用的字元,大幅縮小字型檔。
- 綠色主機:優先部署於具再生能源承諾的雲端資料中心。
成效比較
| 指標 | 2023 年同類型網站 | 2025 年新上線網站 | 改善幅度 |
|---|---|---|---|
| 平均頁面傳輸量 | 3.1 MB | 2.0 MB | 約 35% |
| 平均圖片傳輸量 | 2.2 MB | 1.2 MB | 約 45% |
| 行動裝置首次內容繪製時間 | 2.8 秒 | 1.9 秒 | 約 32% |
註:以 2025 年上線之新網站專案抽樣統計,與 2023 年同類型網站比較。
以每月瀏覽 10 萬頁次的企業官網為例,每頁減少約 1.1 MB,每月可減少約 110 GB 的資料傳輸。更輕的網站也帶來更快的載入速度與更好的搜尋引擎表現,讓減碳與客戶的商業成效同時成立。




