0/100%

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.

Designing a simple site-but not a simplistic one

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.

Limit the number of fonts by playing
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.

GeorgiaabcArialabcCourierabc

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

Using cache without moderation

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.

Hosting your site « green »

Average footprint

A green host seeks to reduce its CO₂ footprint by using sustainable materials, renewable energy and energy-efficient servers.

Carte de l'Île de France Map Île de France Marqueur de localisation
Balayette
Radar
Vue du monde Carte de l'Europe

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\" E
server name OVH Server
E5-SAT-1-64
power 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”.

Like St Thomas, we only load
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?

Avoid heavy assets such as images as much as possible

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

You don't want Versailles here, limit
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

Do you know the CO2 footprint
of your site? Let's measure it together.
Start calculation ...