Сайт, который расходует меньше воды

Почему сайт использует воду

Каждая страница, которую вы отправляете, проходит через серверы и сети. Они потребляют электричество и поднимаются. Многие центры обработки данных охлаждаются водой, а производство электричества также использует воду. Посылка меньше данных означает меньше энергии и меньше воды.

Десять простых, бесплатных шагов

1. Более легкие изображения: Веб-проект или АВИФ, в правильном размере, с srcset так что телефоны получают небольшую версию.
2. Ленивая загрузка: loading="lazy" и decoding="async" для изображений ниже складывания.
3. Длинный кешинг: Каше-контроль: максимальный возраст=31536000, неизменный для файлов, имя которых меняется с каждой версией.
4. Статический сайт и CDN: фиксированные страницы, обслуживаемые близко к посетителю, без работы при каждом посещении.
5. Не нужно автоматически воспроизводить видео или аудио: воспроизводить только при нажатии клика.
6. Менее JavaScript: удалите неиспользованное, загрузите остальное только на страницу, которая нуждается в нем.
7. Честь prefers-reduced-motion и приостановка анимаций, когда вкладка скрыта.
8. Небольшое количество скриптов третьих лиц: нет трекеров или ненужных виджетов.
9. Шрифты: не много весов, WOFF2, разделенные по алфавиту.
10. Измерение: проверьте страницы с помощью инструмента, такого как EcoIndex, до и после.

Что делает Лапис

• Статические страницы на CDN, без базы данных и без искусственного интеллекта.
• Веб-проект-изображения в трех размерах (srcset), загруженные слегка ниже первого экрана.
• Шрифты WOFF2 разделены по алфавиту: загружается только необходимый алфавит.
• Никаких трекеров, никаких объявлений, никаких видео автозаписи.
• Анимации игры приостанавливаются, когда вкладка скрыта, и reducer motion соблюдается.

Масса измеряется при первой загрузке (390 px телефон)

Страница	До этого	После
Домой /fr/	486 KB	487 KB
Является	381 KB	382 KB
Музыка /fr/музыка/	217 KB	218 KB

Источники

• W3C Руководящие принципы устойчивого развития веб-сайта
• Фонд "Зелёная сеть"
• GreenIT.fr Экоиндекс
• MDN Ленивая загрузка

Этот справочник бесплатный, не рекомендует никаких продуктов.

Бесплатный инструмент: проверка сайта

Все наши бесплатные инструменты