Web Sustainability Labels

Showcase your commitment to a more sustainable web

The rating system

A and B labels: showcase your commitment by placing the label in your site footer.<br/>From C label onwards: consider optimizations, or even a redesign.

🌱

Exemplary

Your website is a model in terms of sustainability. You have implemented exemplary practices to reduce your environmental impact.

TTI ≀ 1.0s

Exceptional performance

🌱

Performant

Your website is efficient and environmentally friendly. You have already made significant efforts in eco-design.

TTI 1.0s - 2.0s

Very good performance

🌱

Satisfactory

Your website has a satisfactory level of sustainability. You can still improve certain aspects to reduce your impact.

TTI 2.0s - 3.0s

Decent performance

🌱

Needs improvement

Your website needs improvements to be more sustainable. We recommend implementing corrective actions quickly.

TTI 3.0s - 4.0s

Low performance

🌱

Critical

Your website has a significant environmental impact. It is urgent to take measures to improve its performance and eco-design.

TTI 4.0s

Very low performance

How to get your label?

1️⃣

Test your site

Use our free calculator to analyze your website's performance and get your sustainability rating.

β†’ Take the test now
2️⃣

Get the code

After analysis, get the HTML code for your personalized label. Your site URL is already integrated into the code.

<span style="font-size: 24px; filter: hue-rotate(60deg) saturate(1) brightness(0.9);">🌱 </span>
3️⃣

Integrate in footer

Send the HTML code to your webmaster to integrate it into your site footer. It's that simple!

βœ… Label active and visible

Why display your label?

🌱

Showcase your commitment

Show your visitors your eco-responsible approach

⚑

Reassure about performance

An A or B label guarantees optimal user experience

🎯

Differentiate yourself

Few companies communicate about their digital impact

πŸ“ˆ

Improve your SEO

High-performing sites are better ranked by Google

Integration example

🌱

In your site footer

Tips to improve your label

πŸ–ΌοΈ Optimize images

  • β€’ WebP or AVIF format
  • β€’ Appropriate compression
  • β€’ Lazy loading
  • β€’ Responsive sizes

πŸ“¦ Reduce JavaScript

  • β€’ Code splitting
  • β€’ Remove unused code
  • β€’ Minification
  • β€’ Deferred loading

🎨 Optimized CSS

  • β€’ Inline critical CSS
  • β€’ Remove unused CSS
  • β€’ Minification
  • β€’ Avoid heavy frameworks

⚑ Modern technologies

  • β€’ Next.js or Gatsby
  • β€’ Global CDN
  • β€’ Green hosting
  • β€’ HTTP/2 or HTTP/3