Trang dùng ít nước hơn
Tại sao một trang web sử dụng nước
Mỗi trang bạn gửi đi qua máy chủ và mạng lưới. Chúng sử dụng điện và nóng lên. Nhiều trung tâm dữ liệu được làm mát bằng nước, và tạo điện cũng sử dụng nước. Việc gửi ít dữ liệu có nghĩa là ít năng lượng và ít nước hơn.
Mười bước đơn giản, miễn phí
- Hình ảnh nhẹ hơn: WebP hoặc AVIF, ở kích thước phù hợp, với
srcsetđể điện thoại có được một phiên bản nhỏ. - Lái nhị:
loading="lazy"vàdecoding="async"cho hình ảnh bên dưới gấp. - Lưu trữ dài:
Cache-Control: max-age=31536000, không thay đổicho các tệp có tên thay đổi với mỗi phiên bản. - Trang web tĩnh và CDN: các trang cố định, được phục vụ gần khách truy cập, không có công việc trong mỗi chuyến thăm.
- Không có video hoặc âm thanh tự động: chỉ chơi khi người ta nhấp vào.
- Ít JavaScript: loại bỏ những gì không được sử dụng, tải phần còn lại chỉ vào trang cần thiết.
- Tôn trọng
prefers-reduced-motionvà tạm dừng hoạt hình khi tab bị ẩn. - Rất ít kịch bản của bên thứ ba: không có trình theo dõi hoặc các widget không cần thiết.
- Font: ít trọng lượng, WOFF2, chia theo bảng chữ cái.
- Đường: kiểm tra các trang của bạn bằng một công cụ như EcoIndex, trước và sau.
Những gì Lapis làm
- Các trang tĩnh trên CDN, không có cơ sở dữ liệu và không có AI trực tiếp.
- Hình ảnh WebP ở ba kích thước (srcset), tải lười biếng dưới màn hình đầu tiên.
- Các phông chữ WOFF2 chia theo bảng chữ cái: chỉ có bảng chữ cái cần thiết được tải xuống.
- Không có máy theo dõi, không có quảng cáo, không có video tự động.
- Các hoạt hình trò chơi dừng lại khi tab bị ẩn, và giảm chuyển động được tôn trọng.
Tín trọng đo lường khi tải đầu tiên (390 px điện thoại)
| Trang | Trước đó | Sau đó |
|---|---|---|
| Accueil /fr/ | 486 KB | 487 KB |
| Jeu /fr/jeu/ | 381 KB | 382 KB |
| Âm nhạc /fr/Âm nhạc/ | 217 KB | 218 KB |
Nguồn tin
Hướng dẫn này miễn phí. Nó không đề nghị sản phẩm.