Een energiezuinig web
Waarom kosten websites energie? Natuurlijk moeten ze worden ontworpen, ontwikkeld, geïmplementeerd en uitgevoerd op servers en apparaten. Maar laten we het bekijken vanuit een natuurkundig perspectief. Wat verbruikt eigenlijk energie? Het is een CPU of GPU die berekeningen moet uitvoeren, het is een netwerk van servers, routers en wifi-antennes die met elkaar moeten verbinden, het zijn schermen die fotonen moeten produceren om een website op te lichten en weer te geven. Dus in elke fase van een website, vanaf het begin tot het bezoek van een gebruiker, moeten we deze aspecten minimaliseren of volledig vermijden.
Energie-efficiëntie begint bij het ontwerp
Afbeeldingen, video's, aangepaste lettertypes, ze kosten allemaal energie om te downloaden, te verwerken en weer te geven. Hoe minder bronnen je gebruikt, hoe meer energie je bespaart.
En niet elk item heeft dezelfde footprint:
- afbeeldingen hebben minder energie nodig dan videos
- tekst vereist minder dan afbeeldingen
- een systeemlettertype vereist minder dan een aangepast lettertype
Minder hulpbronnen zijn niet alleen een goede manier om energie te besparen. Lichtgewicht sites zijn sneller, wat geweldig is voor gebruikers en SEO. Daarnaast zijn sites met veel tekst doorgaans beter toegankelijk.
Herinner je je die fotonen nog? De donkere modus kan tot 20-30% besparen op OLED-schermen. Dus misschien is het tijd om een donker thema voor je website te ontwerpen? Dat staat bij ons in ieder geval hoog op de agenda.
Energiezuinige webontwikkeling in de jaren '20
We zijn weer terug in de roaring twenties. Voorbij zijn de dagen dat een ontwikkelaar de ontworpen bronnen eenvoudigweg bewerkt en naar een webserver kopieert. In plaats daarvan vertrouwen we op pakketbeheerders, bouw tools, continuous integration servers, cloud services (zoals een headless CMS), preview-omgevingen en tot slot onze eigen website. Waarschijnlijk is het je wel duidelijk dat al deze dingen energie verbruiken. Het is moeilijk om te ontdekken hoeveel precies, omdat het web afhankelijk is van onderdelen, die weer van andere onderdelen afhankelijk zijn, enzovoorts.
Het mooie is dat we deze moderne ontwikkeltools ook kunnen gebruiken om energie te besparen. We kunnen automatisch kleinere versies van dezelfde video's en afbeeldingen maken, we kunnen ongebruikte code uit onze styling, scripts en lettertypebestanden verwijderen en statische versies van onze sites genereren die alleen die verbonden cloudservices gebruiken tijdens het bouwen.
Kies uit de verschillende opties om energie te besparen
Zet in op energiezuinige websites
We blijven de energie-efficiëntie van onze websites verbeteren. En we zetten onze ontwerppartners, hostingproviders en klanten ertoe aan hetzelfde te doen. We streven naar een duurzamer internet. Daarom hebben we bij De Voorhoede allemaal het Sustainable Web Manifesto ondertekend. Dat zou jij ook moeten doen.
Nu tekenen