Getting to eco-design:
How do we do it ?

Digital ecodesign is a preventive and innovative approach that reduces the negative impacts of websites or applications on the environment by keeping in mind from the start of the project his ecological cost while at the same time maintaining its value and practicality.

The design

The design of a website influences the performance of different devices. Using the lowest-consuming RGB colors saves energy. Just as a simplified UX limits the number of clicks and offers a faster navigation, choosing Fonts from web libraries does not increase the ecological impact of sites.

  • Examples of actions:
  • _ Colors
  • _ Typography
  • _ User experience
  • _ Visual

Energy consumption in mV

Eco-conception :
The content

The use of media and the associated storage have a real impact on the ecological footprint of websites. Using the right compression, the right dimensions, and the new formats for visual and audio media to export, can optimize file size and reduce load times and the footprint on hosting servers.

  • Examples of actions:
  • _ Compression
  • _ Formats
  • _ Writing
  • _ Media

1 fluid image that adapts to each medium

Eco-conception :
The code

Limiting the number of requests between the site and the server by combining static files such as CSS & Javascript libraries, by developing only the necessary functions and by using the browser cache makes it possible to reduce the load on the server and therefore the overconsumption of energy during navigation.

  • Examples of actions:
  • _ Clean coding
  • _ Optimisation
  • _ Minification
  • _ Plugin

A CSS file = 1 action

Eco-conception :
The host

Favor a server adapted to your needs, in order to optimize its use and make the most of its storage capacity, rather than more energy-intensive servers for underutilized capacity. Green accommodation offers using renewable energies for their equipment are also solutions for reducing the digital footprint on the environment.

  • Examples of actions:
  • _ Energy conversion
  • _ Storage
  • _ Energetic efficiency
  • _ Renewable energy

A powerful server used at 50% of its capacity
vs a basic server used at 100% of its capacity

This page emits:
1.37 g of CO2