page weight
212KO
loading time
332MS
quantity of CO2 emitted
0.01G
[ 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.