Green Web Development: giảm carbon footprint của website

Internet chiếm khoảng 2-4% global carbon emissions — tương đương ngành hàng không. Mỗi byte transfer, mỗi server compute cycle đều tiêu thụ năng lượng. Developer có thể góp phần giảm footprint này thông qua technical decisions hàng ngày.

Đo lường carbon của website

Website Carbon Calculator (websitecarbon.com) estimate CO2 per page visit dựa trên data transfer và hosting type. Lighthouse green score. CO2.js library cho phép integrate measurement vào CI/CD. Baseline quan trọng trước khi optimize.

Formula đơn giản: page weight (bytes transferred) × energy per byte × carbon intensity của electricity grid. Hosting trên renewable energy datacenter giảm carbon intensity đáng kể — Green Web Foundation directory list green hosts.

Giảm data transfer

Cách hiệu quả nhất: giảm bytes transferred. Image optimization (AVIF/WebP, resize đúng dimensions) có thể giảm 50-80% image payload. JavaScript bundle splitting và tree-shaking. Font subsetting. HTTP/2 server push cho critical resources.

Caching aggressive

Cached responses không cần generate từ server — zero compute, zero transfer. Set Cache-Control headers correctly: immutable cho hashed static assets (1 year), stale-while-revalidate cho API responses, no-store cho sensitive data. CDN caching giảm origin server load.

Dark mode và OLED screens

OLED/AMOLED screens — phổ biến trên mobile — không cần backlight cho dark pixels. Dark mode có thể giảm screen power consumption 20-60% trên OLED. Implement prefers-color-scheme media query và respect user preference.

Green Hosting

Vercel, Netlify, và nhiều cloud providers cam kết carbon neutrality hoặc renewable energy. Nhưng verify: carbon neutral qua offsets khác với powered by renewables. Tìm providers có power purchase agreements (PPAs) trực tiếp với renewable sources.