Узнайте о «чистом электричестве»

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

Итак, что такое чистое электричество?

Это электроэнергия, произведенная из таких ресурсов, как солнечная энергия, ветер, геотермальная энергия, биомасса и гидроэлектростанции с низким уровнем воздействия. ¹

Энергия с нулевым выбросом углеродане приводит к образованию двуокиси углерода или других парниковых газов. Он генерируется из возобновляемых источников, включая ветер, солнце и воду, а также на атомных электростанциях. ²

А как узнать, чисто ли электричество?

Углеродоемкость – показатель чистоты электричества.

Углеродоемкость (CI) выше, когда электроэнергия вырабатывается из угля, и чрезвычайно низка, когда она вырабатывается из вышеупомянутых возобновляемых источников. На приведенном ниже графике это очень хорошо показано.

CI варьируется в зависимости от часа, дня и сезона из-за изменений спроса и предложения электроэнергии. Например, в летние месяцы углеродоемкость обычно ниже, чем в зимние месяцы, из-за увеличения предложения «чистой» энергии от солнечной энергии.

Это означает, что энергия, которую мы используем летом, скорее всего, будет получена из возобновляемых источников, и, таким образом, мы вносим меньше углекислого газа в атмосферу. С другой стороны, энергия, которую мы используем в зимние месяцы… что мы можем с этим поделать?

Используйте эти знания…

Теперь, когда вы понимаете немного больше о том, что такое чистое электричество и как его производят, вы можете использовать эти знания, чтобы уменьшить вину разработчика за углеродный след. 🐾

Я живу во Фрайбурге (самое солнечное место в Германии 😎), и сейчас (январь 2023 года) световой день между 07:40–17:34… мрачно. Моя работа требует, чтобы я работал по 8 часов в день за компьютером, поэтому работа в светлое время суток увеличивает вероятность того, что электричество, которое я использую, чистое. Хороший.

Но…

А как насчет тех холодных, серых, тоскливых январских дней, когда солнце не показывает своего застенчивого лица? Мне вообще не работать в эти дни? Должен ли я надеяться, что ветер дует штормовой? Должен ли я впасть в спячку с лесными существами?

К сожалению, мы не можем полностью избежать использования «грязной» энергии, но мы можем быть умнее в этом отношении.

Одна вещь, которую мы можем сделать, — это сократить ресурсы, используемые нашими веб-сайтами, когда электричество грязнее. Давайте посмотрим, как мы можем это сделать…

Включите «производительность / эко-режим» на свой веб-сайт

Одна идея, которую я считаю действительно крутой, — это возможность «эко-режима» на вашем веб-сайте или в приложении. Это может быть в виде переключателя, как мы часто видим сейчас для светлого или темного режима.

Что должен делать этот эко-режим?

При выборе эко-режима можно было уменьшить размер или скрыть все изображения со страницы для экономии энергии… 📸 (мы подробнее рассмотрим способы сделать это в следующем разделе).

Эко-режим также может изменить цвета на те, которые требуют меньше ресурсов. Например, более темные цвета потребляют меньше энергии. Черный использует меньше всего энергии, а белый — больше всего. Итак, темный режим — победитель! 🏴

Энергопотребление на цвет:
Красный: 600 мВт
Зеленый: 580 мВт
Синий: 800 мВт

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

Вы можете проявить творческий подход с этим эко-режимом и бросить себе вызов, создав свой веб-сайт так, чтобы он потреблял как можно меньше грязного электричества.

Даже лучше, чем называть его эко-режимом, было бы называть его режимом производительности. Повышение производительности в любом случае будет приятным побочным эффектом использования меньшего количества ресурсов, и обращение к нему как таковому делает его более привлекательным для пользователей. Пссс… Эту идею я почерпнул из отличного выступления Асима Хуссейна на SmashingConf Freiburg 2022.

Другой вариант — проявить творческий подход и запрограммировать свой веб-сайт на автоматическую активацию этого режим производительности в периоды высокой интенсивности выбросов углекислого газа. Если вы живете в Великобритании, этот API предоставляет прогноз интенсивности выбросов углерода, который предлагает даже региональные прогнозы.

Вы можете проверить текущий углеродный след любого веб-сайта здесь. Ниже вы можете увидеть, насколько чиста веб-страница Medium. Теперь ты чувствуешь себя менее виноватым из-за того, что ты здесь, верно? 😇

Уменьшите размер ваших изображений / мультимедиа

В предыдущем разделе я упоминал, что сокращение или ограничение медиа на вашем веб-сайте — это хороший способ использовать меньше энергоресурсов.

Один из самых простых способов сделать это — сжать или изменить формат изображения. Например, изображения WebP и AVIF, как правило, значительно меньше по размеру, чем изображения JPEG.

Если вы хотите проявить творческий подход, вы можете использовать Технику замены контраста, которая требует от вас вручную уменьшить контрастность изображения, прежде чем добавить его на свою веб-страницу. После добавления вы повторно применяете контраст с помощью фильтров CSS.

Ниже приведен пример применения этой техники. Вы можете видеть, что изображения выглядят почти одинаково, за исключением того, что отфильтрованное изображение намного меньше по размеру и, следовательно, требует меньше энергии для загрузки!

Есть так много дополнительных методов, которые вы можете применить, чтобы уменьшить размер медиа на вашем веб-сайте, но самый экологичный способ — вообще не иметь никаких изображений. 🌿

Спасибо за прочтение! Надеюсь, вы немного узнали о том, как мы можем сыграть свою роль в создании более устойчивых веб-страниц.

Благодарности: вся эта статья была написана под впечатлением от выступления Асима Хуссейна на SmashingConf Freiburg 2022. Методы уменьшения изображения были вдохновлены презентацией Анастасии Дзамашвили.