Экология в цифровом мире

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

Энергоэффективные, высокоскоростные сайты по принципу «Зеленого пикселя» (1px = 0.1г CO₂):

1. Оптимизировать вес каждой страницы сайта (в идеале 1 страница ≤ 1 МБ):

• использовать векторные изображения SVG, вес в идеале до 30 КБ;
• если невозможно использовать SVG, то перейти на пиксельные изображения WebP;
• если невозможно использовать WebP, то сжать пиксельные изображения AVIF/PNG/JPEG до ширины 1920px для десктопа и 800px для мобильных, качество 60−85%, вес в идеале до 100 КБ;
• если возможно, то применять системные (безопасные) шрифты → Arial, Georgia, Times New Roman;
• использовать шрифты ≤ 300Кб, не более 2 гарнитур на 1 сайт;
• если возможно, оптимизировать код каждой страницы — удалить неиспользуемый код и минифицировать HTML/CSS, исключить JavaScript-фреймворков;
• сократить количество страниц, объединив похожие разделы (1 страница = 1 цель).

2. Размещать сайты:

• на зеленых хостингах;
• в CDN (Content Delivery Network, сеть серверов по всему миру) с экологичным дата-центром.

3. Проверять цветовое энергопотребление:

• OLED-экранов (смартфоны, премиум-ноутбуки) с темной темой ~5−20% → экономия батареи до 95%, а со светлой темой ~90−100% → экономия батареи 0−10% в зависимости от цвета фона,
• LCD-экранов (обычные ноутбуки, мониторы) с темной/светлой темами ~95−100% в зависимости от регулировки яркости → экономия батареи 0−5%.
• по возможности выбирать «зеленые» цвета, например: бирюза (#2BC4C4) — низкое энергопотребление на OLED, темно-синий (#1A3B8B) — лучше для темного режима.
• по возможности внедрить темный режим → на OLED-экранах экономит до 60% энергии.

UX-дизайн (User Experience, пользовательский опыт взаимодействия с продуктом) должен быть всегда этичным, удобным и приятным.

Разрешено:

• ленивая загрузка Lazy Load (загружает медиа только при прокрутке);
• включить кеширование (уменьшает запросы к серверу);
• цена крупным шрифтом (должна хорошо читаться);
• отключить анимации.

Допустимо:

• анимация ≤3 секунд на экран (статичные сайты всегда энергоэффективнее и быстрее динамичных).

Запрещен «дизайнерский мусор»:

• темные паттерны (на них не читается текст);
• авто-плей видео и фоновые видео;
• параллакс-эффекты;
• бесконечный скролл;
• cookie-баннеры с запутыванием;
• фейковые уведомления;
• скрытые и мелкие (не читабельные) цены;
• невозможность удалить аккаунт;
• подписки-ловушки;
• 50 оттенков CTA;
• дизайн, вызывающий цифровую зависимость;
• полная замена людей искусственным интеллектом (чат-ботами).

Принципы создания вечных цифровых продуктов:

1. Стильный минимализм лучше, чем модные тренды.
2. Применять универсальную типографику.
3. Выбирать нейтральную цветовую палитру.

Проверить:
1. Углеродный рейтинг сайта на Website Carbon Calculator — www.websitecarbon.com/.
2. Выбросы углеродного газа и экологичность хостинга на Ecograder — ecograder.com/.
3. Цветовое энергопотребление сайта на OLED Power Savings Pixel Calculator — calculatorwow.com/pixel-power-calculator/ или Dark Mode Plugin в Figma.
4. На устойчивость (вечность) дизайна, задав вопросы:

• Будет ли это работать через 10 лет, 50 лет?
• Понятно ли это старшему поколению (бабушке, дедушке)?

Калькулятор углеродного следа:

• 1 сайт из 10 страниц = ~48 кг CO₂ в год → посадить 2 молодых дерева в год или пожертвовать в эко фонд 1000 рублей в год,
• 1000 посетителей в месяц = 5кВт*ч в месяц = ~3.5 кг CO₂ → посадить ¼ молодого дерева в месяц или пожертвовать в эко фонд 125 рублей в месяц.

Я работаю с сервисами:

1. Платформа Tilda Publishing (Tilda) не предоставляет выбора региона при создании сайта — сайт может размещаться в любом дата-центре, при этом сайты созданные в России размещаются с 2025 года на российских серверах в соответствии с законодательством РФ:

• Amazon Web Services (AWS) работает частично на зеленой энергии (солнце, ветер), имеет высокое энергопотребление: США (Вирджиния, Орегон), Европа (Ирландия, Германия), Азия (Сингапур).
• Google Cloud Platform (GCP) работает полностью на зеленой энергии (солнце, ветер, гидро): США, Бельгия, Нидерланды, Тайвань.
• Selectel работает на традиционной энергии: Россия — Москва, Санкт-Петербург, Новосибирск. Серверы Selectel соответствуют 152-ФЗ (хранение данных россиян в РФ), имеют высокую скорость загрузки в России, поддерживают TLS/SSL-шифрование.
• Yandex Cloud работает на традиционной энергии и активно вводит зеленую энергию: Россия — Владимир, Сасово, Калуга, Мытищи.

Справочная информация Tilda:

• «Где находится центр обработки данных» answers.tilda.ru/ru/a/data-center,
• «Где находятся серверы партнёров Тильды?» tilda.cc/ru/lp/technical-information/.

2. Доменный регистратор Reg.ru — поддерживает зелёные инициативы, но не имеет сертификации.

3. Компенсация углеродного следа — пожертвование в эко фонды России при превышении лимитов, например в Движение ЭКА, Межрегиональная экологическая общественная организация today.sberbankvmeste.ru/npo/188 («Сохраним лес вместе» — today.sberbankvmeste.ru/story/237)