Сайт, що витрачає менше води
Чому сайт використовує воду
Кожна сторінка, яку ви відправляєте, проходить через сервери і мережі. Вони споживають електрику і загарюються. Багато дата-центрів охолоджуються водою, а вироблення електрики також використовує воду. Відправляючи менше даних означає менше енергії і менше води.
Десять простих, безкоштовних кроків
- Лігчі зображення: WebP або АВІФ, у правильному розмірі, з
srcsetтак що телефони отримують невелику версію. - Леньне завантаження:
loading="lazy"іdecoding="async"для зображень нижче складу. - Довгий запас:
Кэш-контроль: максимальний вік = 31536000, неміннийдля файлів, назва яких змінюється з кожним версією. - Статичний сайт і CDN: фіксовані сторінки, подані близько до відвідувача, без роботи на кожному відвідуванні.
- Без автозавантаження відео або аудіо: відтворюйте тільки тоді, коли людина натискає.
- Менше JavaScript: видалити невживане, завантажити залишку тільки на сторінку, яка потребує його.
- Чорність
prefers-reduced-motionі зупинити анімації, коли вкладка прихована. - Мало сценаріїх третіх сторін: немає відстежувачів або непотрібних виджетів.
- Шрифти: мало ваги, WOFF2, розділені по алфавіті.
- Змір: перевіряйте сторінки інструментом, таким як EcoIndex, до і після.
Що робить Лапіс
- Статичні сторінки на CDN, без бази даних і без штучного інтелекту.
- WebP зображення в трьох розмірах (srcset), завантажені за першою екраном.
- Шрифти WOFF2 розділені по алфавіті: завантажується лише потрібний алфавіт.
- Без відстежувачів, без реклам, без відео автозапису.
- Анімації гри зупиняються, коли вкладка прихована, і reduc motion дотримується.
Вага вимірювана при першому завантаженні (390 px телефон)
| Страница | До того | Після |
|---|---|---|
| Accueil /fr/ | 486 KB | 487 KB |
| Яв /fr/яв/ | 381 KB | 382 KB |
| Музика /fr/музика/ | 217 KB | 218 KB |
Кніги
- W3C Указальні принципи щодо утримання веб-сайту
- Фонд "Зелений веб"
- GreenIT.fr EcoIndex
- MDN Леньне завантаження
Цей провід безкоштовний. Він не рекомендує продукти.