Last updated: March 12, 2019
Low-tech Magazine questions the belief in technological progress, and highlights the potential of past knowledge and technologies for designing a sustainable society. Because a web redesign was long overdue — and because we try to practice what we preach — we decided to build a low-tech website that meets our needs and abides by our principles.
To reduce energy use, we opted for a back to basics web design, using a static site instead of a database driven content management system. We further apply default typefaces, dithered images, off-line reading options, and other tricks to lower energy use far below that of the average website. In addition, the low resource requirements and open design help to keep the blog accessible for visitors with older computers and/or less reliable Internet connections.
Because it uses so little energy, this website can be run on a mini-computer with the processing power of a mobile phone. It needs 1 to 2.5 watts of power, which is supplied by a small, off-grid solar PV system on the balcony of the author’s home. Typical for off-the-grid renewable power systems, energy storage is limited. This means that the website will go off-line during longer periods of cloudy weather.
Why a Low-tech Website ?
We were told that the Internet would “dematerialise” society and decrease energy use. Contrary to this projection, it has become a large and rapidly growing consumer of energy itself. According to the latest estimates, the entire network already consumes 10% of global electricity production, with data traffic doubling roughly every two years.
In order to offset the negative consequences associated with high energy consumption, renewable energy has been proposed as a means to lower emissions from powering data centers. For example, Greenpeace’s yearly ClickClean report ranks major Internet companies based on their use of renewable power sources.
However, running data centers on renewable power sources is not enough to address the growing energy use of the Internet. To start with, the Internet already uses three times more energy than all wind and solar power sources worldwide can provide. Furthermore, manufacturing, and regularly replacing, renewable power plants also requires energy, meaning that if data traffic keeps growing, so will the use of fossil fuels.
Finally, solar and wind power are not always available, which means that an Internet running on renewable power sources would require infrastructure for energy storage and/or transmission that is also dependent on fossil fuels for its manufacture and replacement. Powering websites with renewable energy is not a bad idea. However, the trend towards growing energy use must also be addressed.
Websites are getting “fatter”
The growing energy use of the Internet is associated with two trends. First, content is becoming increasingly resource-intensive. This has a lot to do with the growing importance of video, but a similar trend can be observed among websites.
The size of the average web page (defined as the average page size of the 500,000 most popular websites) increased from 0.45 megabytes in 2010 to 1.7 megabytes in June 2018. For mobile websites, the average “page weight” rose tenfold from 0.15 MB in 2011 to 1.6 MB in 2018. Using different measurement methods, other sources report average page sizes of up to 2.9 MB in 2018.
The size of the average web page increased at least threefold from 2010 to 2018.
The growth in data traffic surpasses the advances in energy efficiency (the energy required to transfer 1 megabyte of data over the Internet), resulting in more and more energy use.
Over and above this, “heavier” or “larger” websites not only increase energy use in the network infrastructure, but they also shorten the lifetime of computers — larger websites require more powerful computers to access them. This means that more computers need to be manufactured, which is a very energy-intensive process.
A second reason for growing Internet energy consumption is that we spend more and more time on-line. Before the arrival of portable computing devices and wireless network access, we were only connected to the network when we had access to a desktop computer in the office, at home, or in the library. We now live in a world in which no matter where we are, we are always on-line, including, at times, via more than one device simultaneously.
Continuous network access doesn’t combine well with renewable energy sources such as wind and solar power, which are not always available.
“Always-on” Internet access is accompanied by a cloud computing model – allowing more energy efficient user devices at the expense of increased energy use in data centers. Increasingly, activities that could perfectly happen off-line – such as writing a document, filling in a spreadsheet, or storing data – are now requiring continuous network access. This does not combine well with renewable energy sources such as wind and solar power, which are not always available.
Addressing both issues
Our new web design addresses both these issues. Thanks to a low-tech web design, we managed to decrease the average page size of the blog by a factor of five compared to the old design – all while making the website visually more attractive. Secondly, our new website runs 100% on solar power, not just in words, but in reality: it has its own energy storage and will go off-line during longer periods of cloudy weather.
How is the website designed?
The Internet is not an autonomous being. Its growing energy use is the consequence of actual decisions made by software developers, web designers, marketing departments, publishers and internet users. With a lightweight, off-grid solar-powered website, we want to show that other decisions can be made.
The average page size of this website is 0.77 MB — roughly a fifth of the average page size of the original website
With 36 of about 100 articles now online, the average page weight on the solar powered website is 0.77 MB — roughly a fifth of the average page size of the previous design, and less than half the average page size of the 500,000 most popular blogs in June 2018.
Below are some of the design decisions we made to reduce energy use. We have published a separate document that focuses on the front-end efforts, and one that focuses on the back-end. We have also released the source code for our website design.
Static Site Generator
One of the fundamental choices we made was to build a static website. Most of today’s websites use server side programming languages that generate the website on the fly by querying a database. This means that every time someone visits a web page, it is generated on demand.
On the other hand, a static website is generated once and exists as a simple set of documents on the server’s hard disc. It’s always there — not just when someone visits the page. Static websites are thus based on file storage whereas dynamic websites depend on recurrent computation. Static websites consequently require less processing power and thus less energy.
A static website requires less processing power because it is not dependent on recurrent computation
The choice for a static site enables the possibility of serving the site in an economic manner from our home office in Barcelona. Doing the same with a database-driven website would be nearly impossible, because it would require too much energy. It would also be a big security risk. Although a web server with a static site can be hacked, there are significantly less attack routes and the damage is more easily repaired.
The main challenge was to reduce page size without making the website less attractive. Because images take up most of the bandwidth, it would be easy to obtain very small page sizes and lower energy use by eliminating images, reducing their number, or making them much smaller. However, visuals are an important part of Low-tech Magazine’s appeal, and the website would not be the same without them.
By dithering, we can make images ten times less resource-intensive, even though they are displayed much larger than on the old website.
Instead, we chose to apply an obsolete image compression technique called “dithering”. The number of colours in an image, combined with its file format and resolution, contributes to the size of an image. Thus, instead of using full-colour high-resolution images, we chose to convert all images to black and white, with four levels of grey in-between. These black-and-white images are then coloured according to the pertaining content category via the browser’s native image manipulation capacities.
Compressed through this dithering plugin, images featured in the articles add much less load to the content: compared to the old website, the images are roughly ten times less resource-intensive.
Default typeface / No logo
All resources loaded, including typefaces and logos, are an additional request to the server, requiring storage space and energy use. Therefore, our new website does not load a custom typeface and removes the font-family declaration, meaning that visitors will see the default typeface of their browser. Only one weight (regular) of a font is used, demonstrating that content hierarchy can be communicated without loading multiple typefaces and weights.
Visitors will see the default typeface of their browser, eliminating the need to load a custom typeface.
We use a similar approach for the logo. In fact, Low-tech Magazine never had a real logo, just a banner image of a spear held as a low-tech weapon against prevailing high-tech claims. Instead of a designed logotype, which would require the production and distribution of custom typefaces and imagery, Low-tech Magazine’s new identity consists of a single typographic move: to use the left-facing arrow in place of the hypen in the blog’s name: LOW←TECH MAGAZINE. This pared-down identity drew inspiration from the past as well as the banner image of the previous design.
Why does it go offline?
Quite a few web hosting companies claim that their servers are running on renewable energy. However, even when they actually generate solar power on-site, and do not merely “offset” fossil fuel power use by planting trees or the like, their websites are always online.
This means that either they have a giant battery storage system on-site (which makes their power system unsustainable), or that they are relying on grid power when there is a shortage of solar power (which means that they do not really run on 100% solar power).
Keeping the server on-line no matter what simply requires too many batteries, which makes the system unsustainable and expensive.
In contrast, this website runs on an off-the-grid solar power system with its own energy storage, and will go off-line during longer periods of cloudy weather. Less than 100% reliability is essential for the sustainability of an off-the-grid solar system, because above a certain threshold the fossil fuel energy used for producing and replacing the batteries is higher than the fossil fuel energy saved by the solar panels.
Apart from sustainability (and costs), the author’s home has limited space for installing solar panels and batteries. Keeping the server on-line no matter what — the standard business model of webhosting companies — simply requires too many batteries.
How often will it be offline?
The web server uses between 1 and 2 watts of power (depending on the number of visitors), meaning that it requires between 24 Wh and 48 Wh of electricity per day. The web server is now powered by a 50 Wp solar panel and a 24 Wh Li-Po battery (3.7 V, 6.6 A). That’s enough energy storage to run the site for 12 to 24 hours.
Because the solar panel is shaded during the morning, it receives direct sunlight for only 4 to 8 hours per day, meaning that the “night” is in fact 16 to 20 hours long. Consequently, with our current energy storage, we will make it through the night as long as the night is not too long, and as long as we don’t get a spike in traffic. We don’t have enough energy storage to bridge a dark rainy day, but thanks to our relatively large solar panel (50 Wp) one to two hours of sun are enough to charge the battery completely.
Two 7A lead-acid batteries will keep the website online during one or two days of bad weather, after which it will go off-line.
Since October 28, we have added approximately half of the lead-acid battery capacity (cut-off voltage is 12.4). This remains a provisional set-up, until we figure out how to measure and display the lead-acid battery capacity on the website. The battery meter on the website now displays the state of the Li-Po battery. Eventually, the server will be run on the lead-acid battery alone, using a much smaller Li-Po battery to shut down the server in case of a power shortage. This set-up would keep the website online during one or two days of bad weather, after which it will go off-line.
When is the best time to visit?
The accessibility of this website depends on the weather in Barcelona, Spain, where the solar-powered web server is located. To help visitors “plan” their visits to Low-tech Magazine, we provide them with several clues.
A battery meter provides crucial information because it may tell the visitor that the blog is about to go down — or that it’s “safe” to read it. The design features a background colour that indicates the capacity of the solar-charged battery that powers the website server. A decreasing height indicates that night has fallen or that the weather is bad.
To help visitors “plan” their visits to Low-tech Magazine, we provide them with several clues such as a battery meter and a weather forecast.
In addition to the battery level, other information about the website server is visible with a statistics dashboard. This includes contextual information of the server’s location: time, current sky conditions, upcoming forecast, and the duration since the server last shut down due to insufficient power.
Which hardware and software do you use?
We wrote two extra articles with more in-depth technical information: How to build a low-tech website: software and hardware, which focuses on the back-end, and How to Build a Low-tech Website: Design Techniques and Process, which focuses on the front-end.
SERVER: This website runs on an Olimex A20 computer. It has 2 Ghz of processing power, 1 GB of RAM, and 16 GB of storage. The server draws 1 - 2.5 watts of power.
SERVER SOFTWARE: The webserver runs Armbian Stretch, a Debian based operating system built around the SUNXI kernel. We wrote technical documentation for configuring the webserver.
DESIGN SOFTWARE: The website is built with Pelican, a static site generator. We have released the source code for ‘solar’, the Pelican theme we developed here.
INTERNET CONNECTION. The server is connected to a 100 MBps fibre internet connection. Here’s how we configured the router. For now, the router is powered by grid electricity and requires 10 watts of power. We are investigating how to replace the energy-hungry router with a more efficient one that can be solar-powered, too.
SOLAR PV SYSTEM. The server runs on a 50 Wp solar panel and a 24 Wh LiPo battery. However, are still experimenting with different setups (see above). The PV installation is managed by a 10A solar charge controller.
What happens to the old website?
The solar powered Low-tech Magazine is a work in progress. For now, the grid-powered Low-tech Magazine remains on-line. Readers will be encouraged to visit the solar powered website if it is available. What happens later, is not yet clear. There are several possibilities, but much will depend on the experience with the solar powered server.
Until we decide how to integrate the old and the new website, making and reading comments will only be possible on the grid-powered Low-tech Magazine, which is hosted at TypePad. If you want to send a comment related to the solar powered web server itself, you can do so by sending an e-mail to solar (at) lowtechmagazine (dot) com. Your comment will be published at the bottom of this page.
Who made this website?
Web design and development: Marie Otsuka, Roel Roscam Abbing
Computer hardware: Roel Roscam Abbing
Solar hardware: Kris De Decker
Print versions: Lauren Traugott-Campbell
Website migration: Kris De Decker, Marie Otsuka, Lauren Traugott-Campbell, Kathy Vanhout
This project was funded in part by the Maharam Foundation.
Can I help?
Yes, you can.
On the one hand, we’re looking for ideas and feedback to further improve the website and reduce its energy use. We will document the project extensively so that others can build low-tech websites too. Here are some specific technical questions that we have.
To make a comment, please send an e-mail to solar (at) lowtechmagazine (dot) com. Comments will be published at the bottom of this page.
On the other hand, we’re hoping for people to support this project with a financial contribution. Advertising services, which have maintained Low-tech Magazine since its start in 2007, are not compatible with our lightweight web design. Therefore, we are searching for other ways to finance the website:
To make a comment, please send an e-mail to solar (at) lowtechmagazine (dot) com.