January 17, 2020

Низкотехнологичный сайт журнала LOW←TECH: как сделать такой же

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

LOW←TECH Magazine — журнал о «низких технологиях», основанный в 2007 году Крисом де Декером, который «рассказывает о потенциале прошлых и часто забытых знаний и технологий, когда речь заходит о проектировании устойчивого общества». LOW←TECH выпущен в двух томах: первый вышел с 37 статьями за 2012-2018 годы и второй с 2007 по 2011 год. Сайт проекта, их автономный архив, разработан с радикальным сокращением энергии. Например, страница статьи, которую мы перевели, весит всего 247.9 KB (без учета комментариев). Сам материал посвящен тому, сколько энергии использует интернет, как ее сократить и зачем нужна альтернатива в виде сайта на солнечных батареях, который может отключаться в плохую погоду. Это перевод первой статьи журнала на сайте.
перевод и редактура: стася кхукхуренко, иван человеков оригинал: LOW←TECH Magazine, 2 сентября 2019

Патреон | Тейст в Телеграме | Тейст Вконтакте


В статье:

1. Почему именно низкотехнологичный сайт?

2. Почему он отключается?

3. Как часто он будет офлайн?

4. Когда лучшее время для посещения?

5. Как разрабатывался сайт?

6. Какое оборудование вы используете?

7. Что происходит со старым сайтом?

8. Кто это сделал?

9. Чем можно помочь?

10. Что пишут медиа о сайтах на солнечной энергии


О сайте

Последнее обновление: 2 сентября 2019

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

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

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

Сайт использует так мало энергии, что может быть запущен на мини-компьютере с вычислительной мощностью мобильного телефона. Для этого нужно от 1 до 2,5 ватта — такая мощность поставляется небольшой внесетевой солнечной системой ПВ на балконе автора. Как обычно, для автономных систем возобновляемой энергетики накопление энергии ограничено: веб-сайт будет отключен при долгой облачной погоде.

Второй прототип сервера на солнечных батареях, который управляет сайтом Low-Tech.

Почему именно низкотехнологичный сайт?

Нам говорили, что интернет «дематериализует» общество и снизит потребление энергии. Вопреки этой проекции, он стал крупным и быстро растущим потребителем энергии. По последним оценкам, вся сеть уже потребляет 10% мирового производства электроэнергии, а трафик данных удваивается примерно каждые два года.

Чтобы компенсировать негативные последствия потребления электричества, для снижения выбросов от энергоснабжения центров обработки данных была предложена возобновляемая энергетика. Например, ежегодный отчет Greenpeace ClickClean ранжирует крупные интернет-компании по использованию возобновляемых источников энергии (ВИЭ).

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

Наконец, солнечная и ветровая энергия не всегда доступны. Интернет, работающий на ВИЭ, потребует инфраструктуры для хранения и/или передачи энергии, которая также зависит от ископаемого топлива для ее производства и замены. Питание веб-сайтов с использованием ВИЭ — неплохая идея. Однако необходимо также учитывать тенденцию к росту энергопотребления.

Сайты становятся «толще»

Растущее энергопотребление Интернета связано с двумя тенденциями. Контент становится все более ресурсоемким: растет важность видео и аналогичная тенденция наблюдается среди веб-сайтов.

Средний размер веб-страницы (определяемый как средний размер из 500 000 самых популярных веб-сайтов) увеличился с 0,45 мегабайта в 2010 году до 1,7 мегабайта в июне 2018 года. Для мобильных сайтов средний вес страницы вырос в десять раз с 0,15 МБ в 2011 году до 1,6 Мб в 2018 году. Используя различные методы измерения, другие источники сообщают о средних размерах страниц до 2,9 МБ в 2018 году.

Размер средней веб-страницы увеличился по крайней мере в три раза с 2010 по 2018 год.

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

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

Всегда онлайн

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

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

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

Решение обеих проблем

Наш новый веб-дизайн решает обе проблемы. Благодаря низкотехническому веб-дизайну, нам удалось уменьшить средний размер страницы блога в пять раз по сравнению со старым дизайном — все это сделало сайт визуально более привлекательным. Во-вторых, наш новый сайт работает на 100% на солнечной энергии на практике: он имеет собственный энергонакопитель и отключается во время затяжной пасмурной погоды.

Солнечная панель PV 50W.

Как разработан сайт?

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

Средний вес страниц 36-ти наших статей из примерно ста онлайн на сайте с солнечной батареей составляет 0,77 МБ. Это примерно пятая часть среднего размера страницы предыдущего дизайна и менее половины среднего размера 500 000 самых популярных блогов в июне 2018 года.

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

Генератор статических сайтов

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

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

Статический веб-сайт требует меньше вычислительной мощности, поскольку он не зависит от рекуррентных вычислений

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

Размытые изображения

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

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

Вместо этого мы решили применить устаревший метод сжатия изображений – «дизеринг» (dithering). Количество цветов в изображении в сочетании с форматом файла и разрешением определяют размер изображения. Вместо использования полноцветных изображений с высоким разрешением, мы решили преобразовать их в черно-белые с четырьмя уровнями серого. Они окрашиваются в соответствии с категорией контента с помощью возможностей браузера управлять изображениями.

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

Сервер и контроллер солнечной батареи.

Шрифт по умолчанию и отсутствие логотипа

Все загруженные ресурсы, включая шрифты и логотипы, являются дополнительным запросом к серверу, требующим места для хранения и использования энергии. Поэтому наш новый сайт не загружает пользовательский шрифт и удаляет семейства шрифтов — посетители увидят шрифт своего браузера по умолчанию. Используется только одно начертание (regular). Так мы демонстрируем, что иерархия содержимого может быть передана без загрузки нескольких шрифтов и начертаний.

Мы используем аналогичный подход для логотипа. На самом деле, у LOW←TECH никогда не было настоящего логотипа, — только простое изображение копья в качестве низкотехнологичного оружия против преобладающих высокотехнологичных требований. Вместо разработанного логотипа, который потребовал бы производства и распространения пользовательских шрифтов и изображений, новая идентичность журнала состоит из одного типографского элемента — стрелки влево вместо дефиса в названии блога: LOW←TECH MAGAZINE. Эта урезанная идентичность черпала вдохновение из прошлого и баннера нашего предыдущего дизайна.

Почему он отключается?

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

Это означает, что либо у них есть гигантская батарея и система хранения на месте (что делает их энергетическую систему экологически неустойчивой), либо что они полагаются на сетевую энергию, когда есть нехватка солнечной (то есть они не работают на 100% солнечной энергии).

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

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

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

Накопитель энергии: свинцовокислотная батарея (12V 7Ah) слева, и батарея UPS Li-Po (3,7 V 6600mA) справа.


Как часто сайт может быть офлайн?

Веб-сервер использует от 1 до 2 Вт мощности в зависимости от количества посетителей. Он требует от 24 до 48 Вт электроэнергии в день. Веб-сервер теперь питается от солнечной панели 50 Wp и батареи Li-Po 24 Wh (3.7 V, 6.6 A). Этого достаточно для хранения энергии, чтобы перезапустить сайт в течение 12-24 часов.

Поскольку утром солнечная панель находится в тени, она получает прямой солнечный свет только 4-8 часов в день. «Ночь» на самом деле длится от 16 до 20 часов. С нашим текущим накоплением энергии мы будем перезапускать его ночью, пока она не слишком длинная и пока мы не получим всплеск трафика. У нас недостаточно запаса энергии, чтобы преодолеть темный дождливый день, но благодаря относительно большой солнечной панели (50 Wp) одного-двух часов солнца достаточно, чтобы полностью зарядиться.

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

С 28 октября мы добавили примерно половину ёмкости свинцово-кислотного аккумулятора (напряжение отсечки = 12,4). Это остается предварительной настройкой, пока мы не выясним, как измерить и отобразить ёмкость свинцово-кислотного аккумулятора на веб-сайте. Счетчик заряда батареи на веб-сайте теперь отображает состояние батареи Li-Po. Сервер будет работать только на свинцово-кислотной, используя гораздо меньшую батарею Li-Po, чтобы выключать сервер в случае нехватки энергии. Эта настройка будет поддерживать сайт в онлайне в течение одного или двух дней плохой погоды, после чего он будет отключен.

Когда лучшее время для посещения?

Доступность этого веб-сайта зависит от погоды в Барселоне, где расположен веб-сервер. Чтобы помочь посетителям «планировать» свои визиты в журнал LOW←TECH, мы предоставляем им несколько подсказок.

Цвета на сайте показывают заряд солнечной батареи, питающей сервер. Её счетчик говорит читателям о том, когда блог может лечь и когда «безопасно» его читать. Когда опускается цветовой блок с показателями процентов солнечного заряда, это значит, что наступила ночь или сейчас погода плохая.

В дополнение к уровню заряда батареи у нас есть панель статистики с контекстной информацией о сервере: там есть время, текущее состояние неба, предстоящий прогноз и срок с момента последнего отключения из-за недостаточного питания.

Чтобы получить доступ к журналу независимо от погоды, у нас есть несколько вариантов чтения в автономном режиме. Мы предлагаем 710-страничную книгу в идеальном переплете с 37 статьями веб-сайта с 2012 по 2018 год. Скоро в 2019 году появится второй том, в котором собраны статьи, опубликованные в период с 2007 по 2011 год. Книги основаны на тех же электронных документах, что опубликованы у нас на сайте.

Какое оборудование вы используете?

Мы написали две огромные статьи с более подробной технической информацией:
1. Как построить низкотехнологичный веб-сайт: программное и аппаратное обеспечение.
2. Как построить низкотехнологичный веб-сайт: методы проектирования и процесс.

Сервер: этот веб-сайт работает на компьютере Olimex A20. Он имеет 2 ГГц вычислительной мощности, 1 ГБ оперативной памяти и 16 ГБ памяти. Сервер потребляет 1-2,5 Вт мощности.

Серверное программное обеспечение: веб-сервер работает под управлением Armbian Stretch, операционной системы на основе Debian, построенной вокруг ядра SUNXI. Мы написали техническую документацию для настройки веб-сервера.

Дизайн программного обеспечения: сайт построен с Pelican, статическим генератором сайтов. Мы выпустили исходный код собственной темы для Pelican «solar», которую мы разработали.

Подключение к интернету. Сервер подключен к оптоволоконному интернет-соединению со скоростью 100 Мбит/с. Вот как мы настроили маршрутизатор. На данный момент маршрутизатор питается от электросети и требует 10 ватт мощности. Мы исследуем, как заменить энергозатратный маршрутизатор более эффективным, который также может работать на солнечной энергии.

Солнечная панель. Сервер работает на 50 WР панели солнечной батареи и 24 Wh литий-полимерном аккумуляторе. В общем, мы всё ещё экспериментируем с различными настройками (см. выше). С установкой PV справляется контроллер с 10A солнечным зарядом.

Что произошло со старым сайтом?

Журнал на солнечных батареях находится в стадии разработки. На данный момент LOW←TECH с сетевым питанием остаётся в сети. Читателям будет предложено посетить веб-сайт на солнечной энергии, если он доступен. Что будет потом, пока не ясно. Есть несколько возможностей, но многое будет зависеть от опыта работы с сервером на ВИЭ.

До тех пор, пока мы не решим, как интегрировать старый и новый веб-сайт, создание и чтение комментариев будет возможно только на сетевом LOW←TECH, размещённом на TypePad. Если вы хотите отправить комментарий, связанный с «солнечным» веб-сервером, отправьте электронное письмо на адрес [email protected]. Ваш комментарий будет опубликован внизу этой страницы.

Кто сделал этот веб-сайт?

Сервер на солнечной энергии — проект Kris De Decker, Roel Roscam Abbing, Marie Otsuka, и Lauren Traugott-Campbell. Low-tech журнал написал Kris De Decker.

Веб-дизайн и разработка: Marie Otsuka, Roel Roscam Abbing

Компьютерное оборудование: Roel Roscam Abbing

Солнечное оборудование: Kris De Decker

Печатная версия: Lauren Traugott-Campbell

Перенос веб-сайта: Kris De Decker, Marie Otsuka, Lauren Traugott-Campbell, Kathy Vanhout

Этот проект был частично профинансирован фондом Maharam Foundation.

Чем можно помочь?

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

Вот некоторые конкретные технические вопросы, которые у нас есть. Чтобы сделать комментарий, отправьте электронное письмо на адрес [email protected]. Комментарии будут опубликованы в нижней части страницы.

С другой стороны, мы надеемся, что люди поддержат этот проект финансовым вкладом. Рекламные услуги, которые поддерживал журнал LOW←TECH с момента его запуска в 2007 году, не совместимы с нашим легким веб-дизайном. Поэтому мы ищем другие способы финансирования:

  1. Мы предлагаем печатную копию веб-сайта. Это позволит вам читать LOW←TECH на бумаге, на пляже, на солнце, или когда и где вы хотите.
  2. Вы можете поддержать нас через PayPal, Patreon and LiberaPay.

Что пишут медиа о сайтах на солнечной энергии

На английском:

«How to Build a Low-Tech Website», Roman Zolotarev, Hacker News, 2018.

«Low-Tech Magazine switches to a low-tech, low carbon website», Lloyd Alter, Treehugger, September 26, 2018.

«The future of web design is less, not more», Kelsey Campbell-Dollaghan, Fastcompany, September 10, 2018.

«Imagining a Solar-Powered Internet: Kris De Decker Low<–Tech Magazine», Jasio Stefanski, The Gradient, Walker Art Magazine, November 21, 2018.

«The philosophy of low-tech: a conversation with Kris De Decker», Aaron Vansintjan, Never Apart Magazine, July 2019.

«Perfecting the solar powered web server», Tom Nardi, Hackaday, October 8, 2018.

«This Solar-Powered, ‘Low Tech’ Website Goes Offline When It’s Cloudy», Slashdot, October 2, 2018.

«The Internet’s Carbon Footprint», IRL Mozilla Firefox Podcast, July 2019.

«Low-tech Magazine website», Matthijs Sluiter, Fonts in use, January 9, 2019.

«Low-tech Magazine’s Solar-Powered Website is Rewriting the Rules of Web Design», Liz Stinson, Aiga Eye on Design, November 12, 2018.

«YouTube’s carbon footprint is huge, but smarter web design could fix it», Nicole Kobie, Wired, May 7, 2019.

«How an online magazine avoids the internet’s impact on the environment», Alexandria Neason, Columbia Journalism Review, April 30, 2019.

«Kris de Decker on web design’s energy-efficient future», Kathryn Bishop, LSN Global, October 25, 2018.

«How to build a solar powered website?» A Bits & Bäume 2018 Podiumsdiskussion by Kris de Decker, media.ccc.de, November 18, 2018 (mediafile).

«Digital guide to low tech», Gauthier Roussilhe, Gauthier Roussilhe Writings, March 11, 2019.

«Our lighter website», Caroline Whyte, Feasta, July 16, 2019

«Fisk Solar», A solar powered website in Sourhall, Todmorden, Yorkshire, UK, 2019

«A solar-powered, self-hosted version of Low-Tech Magazine», Hemmert (pseudonym), Hacker News, April 2019.

«A website that runs on a solar-powered server in Barcelona», Peey (pseudonym), Hacker News, May 2019.

«Solar Powered Website», Ars Electronica, Ars Electronica Prix 2019.

«Low-tech Magazine and a better internet for the Anthropocene», Naomi Huffman, MCD Books, April 9, 2019.

«The Future of Websites? How one site has Gone 100% Solar», S. Fraser, Seabr0 .

На французском:

«Pour un Web Frugal», Framalang (pseudonym), Framablog, January 24, 2019.

«Le design pour lutter contre le changement climatique», Hubert Guillaud, internetactu.net, September 18, 2019

«Environnement : un site internet fonctionne à l’énergie solaire», Caroline Drzewinski, RTL Online, October 10, 2018.

«Quel avenir pour les sites "low-tech" ?», Geoffrey Dorne, Grafisme et interactivité, September 1, 2019

«Relier numérique et low tech», Fing, Agenda pour un futur numérique et écologique, Défi No. 13, March 2019.

«Faire tourner un site web à l’énergie solaire», Claire, L’assembleuse, November 15, 2018.

На испанском:

«Low tech magazine, un sitio web sostenible», Cátedra Telefónica-UOC de Diseno y Creación Multimedia, October 10, 2018.

«Esta página web funciona con energía solar y consume menos debido a su diseño», Alicia Ruiz Fernández, Ticbeat, 9 october 2018.

На немецком:

«Low-Tech-Website geht offline, wenn die Wolken aufziehen», Helga Hansen, Heise Online, October 12, 2018.

«Wie das Internet Strom frisst», Philip Bovermann, Süddeutsche Zeitung, August 28, 2019.

На португальском:

«Uma revista com muitas dúvidas sobre a tecnologia», João PedroPerera, Publico, May 5, 2019.