[ 7 ] CHAPTERS
[ 5 ] levels
1027 [ x ], 729 [ Y ]
undefined
undefined
Castor & Pollux presents
Eco-Design
in
7 chapters
Design
An eco-designed site goes straight to the point.
And what is essential on the web? That's a huge question.
Very large footprint
An uncluttered, well-structured site can do a number of things: it limits the assets used and conserves bandwidth. Unlike dark patterns, it seeks to reduce the time you spend on the site by making it easier to navigate. Its simplicity makes maintenance easier and less resource-intensive.
Typography
Not enough fonts, is that a problem ?
Well, not necessarily, just take a look.
good cap/bad cap
Average footprint
This site uses three system fonts: Arial, Georgia and Courier. Already installed by default on most computers, using them here allows us to
avoids unnecessary HTTP requests and therefore consumes less energy. We should also mention the limitation of styles to Regular.
A
weight
120,6ko
B
style
regular
C
file location
already installed on your computer
on97,48%mac and on99,4% windows
Negawatt
The "negawatt" principle?
Do not repeat an operation that has already been carried out
Large footprint
The best energy is that which is not spent. To achieve this, we need to store users' browsing history in our "browser caches". This way, the next time they visit, browsing will be smoother and less energy-consuming. In short, doing less is good.
page weight
211KO
local cache
190KO
% of data saved on your second visit
90/100
Hosting
What kind of energy does your hosting provider use?
If you don't know, it may be because he's not into green hosting.
Average footprint
A green host seeks to reduce its CO₂ footprint by using sustainable materials, renewable energy and energy-efficient servers.
Some information [sourced here] about the server that hosts the site you are visiting|
location
France,
50° 41' 31.17\" N
3° 12' 9.425\" Eserver name
OVH Server
E5-SAT-1-64power usage effectiveness
1.28renewable energy factor
77%voltage
1.1Vconsumption
140W TDP
Lazy loading
Did you notice that CO₂ counter at the top left?
It indicates the content already “consumed”.
what we can see.
Low footprint
Thanks to lazy-loading we load the content of this site progressively and in real time. This represents a triple advantage:
your content is displayed faster (which is good for SEO),
your experience is smoother and
we only use the energy required for the content we “consume“. Clever, isn't it?
Images
You've been here for a while.
Have you noticed that there is no image?
Critical footprint
And yes... No image of a red panda in this world of bullies, but it's for a good cause: it reduces the weight of the site and the energy-consuming loading times. A choice
which is forcing us to be even more creative and to think about content differently. Did you miss the images? We haven't either! Come on, we're not going to leave you without a red panda...
REINTEEMP EMPREIN NTEEM
EEM MPREIN REINTEEMP TEEMPREINTE EINTEEMPREI REINTEE EMPREINTEEM NTEEMPREIN INTEEMPREIN REINTEEMP PREINTEEM TEEMPREINTEE TEEMPREIN EINTEEMPREI EINTEEM MPREINTEEMP EMPREIN NTEEMPREIN INTEEM REINTEEM MPREIN EMPREI TEEM INTEEM EMPR TEEM EIN EE PRE NT EMPREI TEEMPR INTEEM REINTE PREI EMPR INTE EMPREIN REINTEEMPRE EEMPREINTEE REINTEEMPREIN EMPREINTEEM INTEEMPREIN PREINTEE EEMPRE MP RE NTE TE REI PR EMPREINT TEEM
MPREINTEEM NTEEMPREINTEEMP REINTEEMPREINTEEMPR PREINTEEMPREINTEEMPRE INTEEMPREINTEEMPREINTEE EEMPREINTEEMPREINTEEMPREI INTEEMPREINT PREINTEEMPREINTEEMPREINTEEM EEMPREINTEEMPREINTE NTEEMPREINTEEMPREINTEEMPREIN PREINTEEMPREINTEEMPREIN MPREINTEEMPREINTEEMPREINTEEMP TEEMPREINTEEMPREINTEEMPREIN TEEMPREINTEE TEEMPREINT REINTEEMPREINTEEMPREINTEEMPR REINTEEMP REINTEEMPR EEMPREINTEEMPREINTEEMPREINTEE EMPREIN EMPREINTE EINTEEMPREINTEEMPREINTEEMPREIN TEEMPR NTEEMPRE EMPREINTEEMP MPREINTEEMP REINTE PREINTE INTEEMPREI PREIN EMPRE TEEMPRE PREINTEEMP EEM PREINTEE TEEMPREIN TEEMPRE REINTEEMPR PREINTEE EEMPREINTEE TEEMPREI INTEEMPREI PREINTEE MPREINTEEMP TEEMPRE NTEEMPREINTE PREINTEE REINTEEMPRE EMPREIN EEMPREINTE TEEMPR INTEEMPRE REINTEE PREINTEE EMPREIN TEEMPREI INTEEMPRE EINTEEM MPREINTEEM EMPREI TEEMPREIN EINTEEM EINTEEMP EEMPREI EM MPREINT REINTEEM REI PREIN NTEEMPR EEMPREI NTEEMPR TEEMP REINT REINTE EINTE REIN E EMPR MPRE EEM EINTE TEE EIN EEMP E E IN P T EINTEE EMPREINT I EMPREIN EINTEEMP E M NTEEMPRE EEMPREINT REI INT PREINTEE EINTEEMPR EEMP EMPRE TEEMPREINT EEMPREINTE REINTEEMPREINTEE EINTEEMPRE TEEMPREI EMPREINTEEMPREINTE PREINTEEMP PREINTEEM REINTEEMPREINTEEMPREIN EEMPREIN TEEMPREI TEEMPREINTEEMPREINTEEMPRE INTEEMP PREINTEEM PREINTEEMPREINTEEMPREINTEEM MPREIN EEMPREIN INTEEMPREINTEEMPREINTEEMPREINT TEEM INTEEM EMPREINTEEMPRE EMPREINTEEMPRE N PREI INTEEMPREINTE TEEMPREINTEE EE MPREINTEEMP INTEEMPREI INTEEMPREINT MPREINTEEM PREINTEEMP TEEMPREIN TEEMPREINTE PREINTEEM REINTEEMPRE TEEMPREI EMPREINTEEM MPREINTEE INTEEMPREINT INTEEMPREIN REINTEE INTEE EMPREI EMPRE TEEMP EINTE INTE EEMPR REIN PREINT REINT
NTEEMPREINTEEMPREINTEEMPREINTEE TEEMPREINTEEMPREINTEEMPREINTEEMPREIN EINTEEMPREINTEEMPREINTEEMPREINTEEMP MPREINTEEMPREINTEEMPREINTEEMPREINTE TEEMPREINTEEMPREINTEEMPREINTEEMPREIN REINTEEMPREINTEEMPREINTEEMPREINTEEMP TEEM TEEMPREINTEEMPREINTEEMPREINTEEMPREINTE REINT PREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEM MPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREIN NTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPR REINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTE TEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPRE PREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEE NTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREIN PREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTE EMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREIN INTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMP MPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTE NTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPRE PREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEE NTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREIN PREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPR NTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTE PREINTEEMPREINTEEMPREINTEE PREINTEEMPREINTEEMPREINTEEMP NTEEMPREINTEEM TEEMPREINTEEMPREINTEEMPREI NTEEMPREINTEEMPREINTEEMPREI EINTEEMPREIN REINTEEMPREINTEEMPREINTEEMP EMPREINTEEMPREINTEEMPREINTEEMPR EMPREINTEEMP TEEMPREINTEEMPREINTEEMPREINTE EINTEEMPREINTEEMPREINTEEMPREINTEE INTEEMPREINT PREINTEEMPREINTEEMPREINTEEMPREI EMPREINTEEMPREINTEEMPREINTEEMPREIN MPREINTEEMPR TEEMPREINTEEMPREINTEEMPREINTEEM REINTEEMPREINTEEMPREINTEEMPREINTEEMPR INTEEMPREINTE MPREINTEEMPREINTEEMPREINTEEMPREI TEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTEEMPREINTE EINTEEMPREINTEEMPREINTEEM REINTEEMPREINTEEMPREINTEEMPREIN PREINTEEMPREINTEEMPR MPR MPREINTEEMPREIN EEMPREINTEEMPREINTE EEM EEMPREINTEEMPREINTE NTE TEEMPREINTEEMPR EINTEEMPREINTEEMPR REIN EINT EMPREINTEE PRE PREI INTEEMPREINTE PREINTEEMPREINT EEMP EMP NTEEMPRE EEM NTEEM MPREINTEEMPR TEEMPREINTEEMPR EINTE EINT REINTE INTEEMPREIN EEMPREINTEE INTEEMPREINT EMPREINTEEMP MPREINTEEMPR INTEEMPR REINTEEMPREIN NTEEMPREINTE EMPREINTEEM REINTEEM EMPREINTEEM PREINTEEMP TEEMPREINT TEEMPREI INTEEMPREIN NTEEMPREIN INTEEMPRE REINTEE PREINTEEM PREINTEEM PREINTEE TEEMPREI TEEMPREINT TEEMPRE EEMPREIN PREINTEEM EINTEEMPRE PREINTE INTEEMPREI TEEMPR MPREINTEEM NTEEMPRE MPREINTEEMPREINT NTEEMPREINT MPREINTEE NTEEMPREIN TEEMPREINTEEMPRE PREINTEE EEMPREINTEEM TEEMPRE MPREIN PREINT EEMP NTEEMP INTE MPREIN
Color
A good pixel is a turned-off pixel
Black is black, I want my color back
colors
Low footprint
The more colors there are, the more energy they consume. Ready to turn off the pixels? Note that the white background remains the most
accessible. Which goes to show that, in life as in the web, nothing is all black and white.
Measuring your footprint
of your site? Let's measure it together.