Author: Valentine Candela

Valentine CANDELA is in charge of communication at Greenspector since October 2022. Graduated with a Bachelor's degree in Marketing and Communication, she specializes with us in communication

Greenspector has been selected to participate in the L’Oréal Beauty Tech Atelier program at STATION F

Reading Time: < 1 minute

L’Oréal is partnering with STATION F and the HEC Paris Incubator to create an accelerator for start-ups in the world’s largest start-up campus.

Greenspector X L’Oréal Beauty Tech Atelier

The L’Oréal Beauty Tech Atelier represents, among others, 67 startups accelerated since 2018, 55% international startups and 30% of structures with impactful solutions.

“We are delighted and very proud to join the BeautyTech accelerator programme. For Greenspector, it’s the continuation of work already done to support the L’Oréal Group’s Digital teams in measuring and reducing the environmental impact of the Group’s digital web, mobile and IoT services. It is also an opportunity to structure and strengthen our project within the framework of the HEC Paris Incubator. A real opportunity for the scalability of our project. Thank you! and … GO GREEN!” says Thierry LEBOUCQ, President of Greenspector.

We are also proud to see the growing commitment to societal and environmental issues. The programme is far from just us in the Tech4Good category.  

Digital Sobriety Requirements for Cities and Communities – Ranking

Reading Time: 7 minutes

In 2020, we published a study on digital sobriety requirements in public procurement. With the publication this summer of the decree n° 2022-1084 of July 29, 2022, we thought it would be a good idea to take stock of the sites of cities and communities.  
This decree concerns municipalities and communities of more than 50,000 inhabitants, requiring them to develop a responsible digital strategy focusing in particular on reducing the environmental footprint of digital.  
We therefore remeasured the sites of the 29 cities and 17 metropolises already discussed in order to compare the results obtained.
The measurements here only concern the first page of each site. Ideally, a larger sample of pages should be taken into account, or even compared on the basis of a user path common to all these sites. However, this approach already allows us to establish points of comparison and to identify some good practices. 

Metropolitan sites

The Ecoscore as defined by Greenspector allows a good overview of each site. We will therefore start by looking at its evolution between the initial measurements and the re-measurements.

metropolises website ecoscore

In most cases, there is an improvement (even slight) in the EcoScore. The cities of Brest, Grenoble, Nice, Orleans and Strasbourg stand out with a very strong increase. For some cities, the trend is downward.  

While Nancy had the best EcoScore (74), Rennes takes the lead with an EcoScore of 80. 
However, it can be estimated that it would be important for each city to obtain an EcoScore of at least 50/100, which is still not the case for some.  

Estimating the environmental impacts of different sites is another good basis for comparison.

metropolises website carbon impact

We note here that the trend is globally upward for the measured sites with sometimes a strong difference between the initial measurement and the remeasurement. The case of the Saint-Etienne metropolis illustrates this very well.

Further analysis of selected sites

Rennes metropolises website
Métropole de Rennes

This site appears very light.  The images, even if they are rather numerous, are light but should be lazy-loaded (load them only when they are displayed).  The use of a variable font would limit the requests. The carousel on the home page does not bring much. The fact that it is in autoplay may lead to overconsumption in addition to potentially causing accessibility problems.  The Accessibility page would be more relevant if it stated the compliance with the RGAA (Référentiel Général d’Amélioration de l’Accessibilité) and presented the multi-year accessibility plan for the site.  The few animations, even if they are not intrusive, seem superfluous and can lead to overconsumption.

montpellier metropolises website
Métropole de Montpellier

Following the remeasurement, the site of the metropolis of Montpellier is the least well placed. Leaving the site open, we quickly observe more than 300 HTTP requests for more than 30 MB of transferred data. Even after the site is loaded, the requests continue to accumulate.  

The homepage is particularly heavy, especially in terms of content: lots of images, autoplay carousels, lots of third-party services.  

If quick gains are possible through technical optimization, in-depth work is required, particularly through a more sober approach to design.

Summary of measures for metropolitan websites

versionMétropolesecoscoreEnergieCPUDonnéesMémoireRequêtesCarbonEauSol
https://metropole.rennes.fr/ - RemesureRennes804,600,832,22687,58430,300,0480,528
https://www.lillemetropole.fr/ - RemesureLille764,770,682,37685,11240,280,0470,537
https://www.grandnancy.eu/accueil/Nancy743,540,581,35544,09450,240,0380,412
https://www.bordeaux-metropole.fr/ - RemesureBordeaux724,780,661,45756,86510,300,0490,551
https://www.grandnancy.eu/accueil/ - RemesureNancy724,890,602,04718,18420,310,0500,560
https://www.orleans-metropole.fr/ - RemesureOrleans715,691,461,77544,13370,330,0550,643
https://www.metropolegrandparis.fr/fr - RemesureParis704,470,542,07704,63380,280,0460,511
https://www.saint-etienne-metropole.fr/Saint Etienne703,750,533,80426,20890,360,0490,463
https://www.lillemetropole.fr/Lille693,570,631,73560,04460,250,0390,416
https://www.metropole-rouen-normandie.fr/ - RemesureRouen665,001,300,94706,73300,270,0470,563
https://www.bordeaux-metropole.fr/Bordeaux623,870,851,34562,92600,270,0430,457
https://metropole.nantes.fr/ - RemesureNantes625,321,3510,16748,48600,520,0670,626
https://www.clermontmetropole.eu/accueil/ - RemesureClermont615,700,885,68808,34910,490,0690,679
https://metropole.rennes.fr/Rennes604,311,931,23639,53430,270,0440,495
https://www.toulouse-metropole.fr/ - RemesureToulouse604,750,912,49698,46710,350,0530,560
https://www.metropolegrandparis.fr/frParis594,080,831,94567,65430,270,0430,471
https://www.saint-etienne-metropole.fr/ - RemesureSaint Etienne575,861,0834,99819,961041,130,1130,743
https://www.brest.fr - RemesureBrest565,331,253,87723,991420,510,0700,664
https://metropoletpm.fr/ - RemesureToulon545,420,794,97686,441760,580,0780,694
https://metropole.nantes.fr/Nantes525,071,528,75699,17880,520,0670,613
https://www.ampmetropole.fr/Aix Marseille Provence514,380,9114,12893,421400,680,0760,573
https://www.metropole-dijon.fr/ - RemesureDijon516,082,083,51657,43700,430,0660,706
https://www.nicecotedazur.org/ - RemesureNice505,021,213,06654,931290,460,0650,622
https://www.metropole-rouen-normandie.fr/Rouen494,372,931,64657,77260,250,0420,493
https://www.clermontmetropole.eu/accueil/Clermont454,311,491,23698,79890,330,0510,520
https://tours-metropole.fr/Tours444,641,762,85778,26670,350,0520,547
https://tours-metropole.fr/ - RemesureTours444,891,075,43663,200,320,0490,542
https://www.strasbourg.eu/ - RemesureStrasbourg436,192,682,80754,16840,440,0680,725
https://www.grenoblealpesmetropole.fr/ - RemesureGrenoble416,592,373,81696,83860,480,0730,771
https://metropoletpm.fr/Toulon414,210,954,58921,882420,620,0770,598
https://www.toulouse-metropole.fr/Toulouse414,191,402,10601,40700,320,0480,498
https://www.ampmetropole.fr/ - RemesureAix Marseille Provence407,862,3010,18840,472070,840,1100,984
https://www.metzmetropole.fr/ - RemesureMetz3811,063,248,47925,301490,850,1261,300
https://www.montpellier3m.fr/ - RemesureMontpellier325,932,1340,93754,012591,480,1440,843
https://www.brest.frBrest315,382,403,64882,162180,610,0810,711
https://www.metropole-dijon.fr/Dijon285,886,316,48630,14770,490,0690,692
https://www.orleans-metropole.fr/Orleans286,407,572,27590,651120,470,0730,762
https://www.metzmetropole.fr/Metz2616,105,979,20856,201641,100,1711,858
https://www.nicecotedazur.org/Nice244,623,054,28651,051210,460,0620,576
https://www.grenoblealpesmetropole.fr/Grenoble1910,167,545,87656,85960,680,1071,168
https://www.montpellier3m.fr/Montpellier196,393,4428,83831,253801,420,1480,942
https://www.strasbourg.eu/Strasbourg97,858,801,98675,410,370,0680,860

We have calculated the average of these data. On the general level we notice that the average ecoscore is 50, the energy consumed is 5,65 mAh, the percentage of CPU used is 2,16, the data exchanged is 6,25 MB, the RAM used is 704 MB, the number of requests is 103. Concerning the environmental impact we can observe that the carbon impact is 0,51 gEqCO2, the water footprint is 0,070 Liters and the soil footprint is 0,68 m2.

By distinguishing the measurements from the remeasurements here are the averages that we obtain:

 EcoscoreEnergieCPUDonnéesMémoiresRequêtesImpact Carbon (gEqCO2)Empreinte Eau (Litres)Empreinte sol (m2)
Moyennes des remesures575.721.407.30725950.520.0710.68
Moyennes des mesures initiales435.572.925.206821110.490.0690.67

City websites

Here again, we start by looking at the EcoScore of the sites of the cities in the sample.

ecoscore of city websites

Even more than for the metropolises, the trend for the EcoScore is clearly upward.  

In addition to the site of the city of Rennes (already discussed in the context of metropolises), the sites of the cities of Le Havre, Lille and especially Strasbourg have improved significantly. It is also the site of the city of Rennes that presents the best EcoScore. We note in passing the interesting choice of having the same site for the city and the metropolis. As for the lowest EcoScore, it goes to the site of the city of Tours.   
Now let’s look at the environmental footprint of these sites.

impact carbon of city website

The overall trend is downward, which is a very good thing.

Further analysis of selected sites

Lille website
Ville de Lille

Even if this site has evolved well since the first measurements, there are still areas of improvement to explore.  

Many HTTP requests, several MB of data exchanged and some 404 errors among the resources to recover.

Many http request

We note here in passing the interest of having an HTML 404 page as light as possible because this is often what the server will return if it does not find what is requested. Note that it is possible to modify this via the server configuration in order to send a simple message instead. The best thing is of course to make sure that you don’t go looking for elements that cannot be found. 

The homepage is very busy, with an auto-scrolling carousel and many images and content.  Il serait avantageux d’utiliser une font variable et d’éviter de charger toutes les icônes de FontAwesome.  Some images, weighing several hundred kb, should be optimized.

Tour website
Ville de Tours

In a rather classical way, there are many images here, some of which should be optimized.  

However, at first glance, the home page does not seem so busy. It is therefore necessary to dig a little to better understand what makes the site so heavy.  
We find about ten queries for fonts and we note in passing Google fonts (which can, let’s remember, cause concern with respect to the RGPD).

Several requests also seem to correspond to video. But most of the requests come from JS and CSS files. A closer look at the domains of origin of the requests reveals one of the explanations for the weight of the site. A closer look at the domains of origin of the requests reveals one of the explanations for the weight of the site.

 

Request map

This firework is provided by the RequestMap tool developed by Simon Hearne (already mentioned during the analysis of requests from an Android application). If we don’t have the details, we can see that there are many requests and that most of them come from other domains.  
The Domains tab of Webpagetest allows us to learn a little more:

This is only an excerpt but it shows several interesting elements:  

Most of the requests (in terms of numbers but also in terms of weight) come from other domains 
Most requests came from mobiledition.com 
Mobiledition.com proposes to those whose site is not responsive to generate a version of their site specially thought for a display on mobile. The intention is not bad but the approach is rather aberrant from the point of view of ecodesign. Indeed, this overlay will exist on top of the original site and will be automatically refreshed at each update of the site. Nearly 10 years after the appearance of the notion of responsive design, it would be important that all sites can adapt to different devices or even that they are thought mobile-first (first for mobile and then extend to other media). Or even offline-first in order to be able to cope more easily with degraded connections.  
In summary, it would be important to rethink the site in order to limit as much as possible the use of third party services to make it less impactful.

Measurement results for the cities’ websites

versionVillesecoscoreEnergieCPUDonnéesMémoireRequêtesCarbonEauSol
https://metropole.rennes.fr/ - remesureRennes824,721,012,20638,77430,300,0480,541
http://www.lemans.fr/ - remesureLe Mans764,650,642,01686,57710,330,0510,549
https://www.lille.fr/ - remesureLille764,991,074,35688,68800,410,0590,594
http://www.bordeaux.fr/ - remesureBordeaux754,450,540,51612,36260,230,0410,500
https://www.lemans.fr/ - remesureLe Mans754,910,752737,59710,340,0540,577
https://www.reims.fr/ - remesureReims715,391,222,70695,55610,360,0570,625
https://clermont-ferrand.fr/ - remesureClermont Ferrand685,341,121,11596,62560,320,0540,615
http://www.bordeaux.fr/Bordeaux663,381,780,42486,05930,280,040,42
https://www.amiens.fr/ - remesureAmiens645,640,712,67871,97480,350,0570,645
https://www.lehavre.fr/ - remesureLe Havre635,061,244,32775,82880,420,0610,606
https://www.lemans.fr/Le Mans633,730,713,77623,83640,330,050,45
https://www.aixenprovence.fr/ - remesureAix625,160,745,16748,061080,470,0650,629
http://nice.fr/ - remesureNice625,401,3324,73697,57650,830,0880,658
https://www.paris.fr/ - remesureParis626,001,856,81718,24470,450,0660,690
https://www.lyon.fr/ - remesureLyon614,920,953,46740,1461140,440,0620,603
https://www.paris.fr/Paris594,192,4517,64604,00490,620,070,51
http://www.lemans.fr/Le Mans584,081,962,75563,91660,320,050,48
https://metropole.nantes.fr/ - remesureNantes585,351,3110,10740,88600,520,0670,630
https://www.saintdenis.re/ - remesureSaint Denis585,770,875,54715,67670,450,0650,673
https://www.toulouse.fr/ - remesureToulouse575,070,912,91742,451030,410,0610,613
https://www.nimes.fr/ - remesureNimes565,441,5512,29700,411150,640,0790,673
https://www.saintdenis.re/Saint Denis564,452,782,74592,78410,300,050,51
https://www.villeurbanne.fr/ - remesureVilleurbanne555,281,1311,97625,22790,580,0720,635
https://www.amiens.fr/Amiens544,021,682,22734,33590,300,050,47
http://www.angers.fr/ - remesureAngers545,191,282,16596,79620,340,050,603
https://www.marseille.fr/Marseille534,761,747,86402,542430,710,090,66
https://www.reims.fr/Reims533,971,421,29507,91820,310,050,48
https://toulon.fr/ - remesureToulon535,420,654,94945,611530,540,0740,682
https://www.brest.fr/ - remesureBrest525,301,353,72733,541420,500,0690,661
https://www.dijon.fr/Dijon514,322,374,19580,40910,400,060,53
https://metropole.nantes.fr/Nantes506,392,8512,60656,37620,620,080,75
https://www.montpellier.fr/ - remesureMontpellier496,271,019,451029,02730,560,0760,737
https://metropole.rennes.fr/Rennes494,422,891,85616,47480,290,050,51
https://www.marseille.fr/ - remesureMarseille485,921,7119,55690,652010,940,1050,782
https://www.lyon.fr/Lyon464,622,852,69573,40680,350,050,55
https://www.annecy.fr/ - remesureAnnecy455,571,794,23692,911160,480,0690,67
https://clermont-ferrand.fr/Clermont Ferrand455,031,763,17462,48880,400,060,60
https://www.mairie-perpignan.fr - remesurePerpignan457,332,419,74793,541590,730,0970,900
https://www.strasbourg.eu/ - remesureStrasbourg436,383,142,79702,44840,440,0690,746
http://www.angers.fr/Angers425,594,353,46591,16570,390,060,64
https://www.dijon.fr/ - remesureDijon424,661,001,44656,4690,220,0410,511
https://www.grenoble.fr/ - remesureGrenoble406,082,166,44571,02730,490,0700,712
https://www.mairie-perpignan.frPerpignan405,192,782,50544,381470,480,070,65
https://www.aixenprovence.fr/Aix394,611,687,84768,691100,510,070,57
https://www.lille.fr/Lille396,233,3912,66852,37840,650,080,74
https://www.limoges.fr/fr - remesureLimoges398,511,822,33609,381000,540,0880,986
https://www.toulouse.fr/Toulouse384,572,443,00641,751230,430,060,57
https://www.tours.fr/ - remesureTours385,680,885,67818,580,350,0550,628
https://toulon.fr/Toulon375,852,0916,48923,892150,900,100,78
https://www.brest.fr/Brest345,773,093,40843,122090,610,080,75
https://www.grenoble.fr/Grenoble335,666,555,93600,86600,450,060,66
http://nice.fr/Nice336,074,6526,59627,281941,090,120,80
https://www.villeurbanne.fr/Villeurbanne335,222,278,72740,511280,580,070,65
https://www.lehavre.fr/Le Havre324,663,305,40726,971060,460,060,57
https://www.montpellier.fr/Montpellier305,081,867,20899,691680,600,080,66
https://www.nimes.fr/Nimes294,172,325,13715,841670,520,070,55
https://www.annecy.fr/Annecy279,606,742,98619,481230,640,101,12
https://www.limoges.fr/frLimoges2615,127,251,96614,32600,750,141,69
https://www.tours.fr/Tours1610,224,7821,99961,472031,180,151,25
https://www.strasbourg.eu/Strasbourg87,457,955,83663,390,430,070,82

We have calculated the average of these data. On the general level we notice that the average ecoscore is 49, the energy consumed is 5,57 mAh, the percentage of CPU used is 2,22, the data exchanged is 6,36 MB, the RAM used is 689 MB, the number of requests is 99. Concerning the environmental impact we can observe that the carbon impact is 0,50 gEqCO2, the water footprint is 0,069 Liters and the soil footprint is 0,668 m2.
By dissociating the measurements from the remeasurements here are the averages that we obtain:

 EcoscoreEnergieCPUDonnéesMémoiresRequêtesImpact Carbon (gEqCO2)Empreinte Eau (Litres)Empreinte sol (m2)
Moyennes des remesures585.531.285.92719880.470.0660.656
Moyennes des mesures initiales415.613.166.816581110.530.0720.680

The initial measurements were conducted on a Samsung Galaxy S7 smartphone running Android 8.

The remeasurements were performed on a Samsung Galaxy S9 smartphone running Android 10. The measurements were performed through our Greenspector Benchmark Runner tool, which allows automated tests.

Detail of the scenarios :

  • Loading the application
  • Reading the website in foreground
  • Reading the page with scroll
  • Inactivity of the website in background

Each measurement is the average of 3 homogeneous measurements (with a low standard deviation). The consumptions measured on the smartphone connected to a wifi network can be different when the smartphone is connected to a wired network. For each iteration, the cache is cleared beforehand.

Discover how Greenspector evaluates the environmental impact of digital services.