Eco-design for the web

To optimise the images on your website:

• Prioritise lower quality images;
• Compress images as much as possible;
• Choose the appropriate format: .jpeg or .webp for photos, .svg or .png for illustrations, etc.;
• Make sure that the images loaded are to scale with the images on the screen;
• Do not change the size of images in the browser;
• Avoid loading images automatically;
• Use all the CSS3 rules.

To optimise videos on your website:

• Compress or change the format of videos;
• Use the most common video formats;
• Do not implement automatic reading;
• Only offer standard playback quality, not high or low quality;
• Limit the use of animated gifs;
• Adapt video dimensions to mobile devices;
• Host your videos on an external platform, such as YouTube, and simply implement a play button that links to the platform.

To optimise the fonts on your website:

• Use a maximum of two or three fonts;
• Give priority to WOFF and WOFF2 file formats for your fonts;
• Avoid inserting fonts from font hosting services;
• Create font subsets that include only the characters you need;
• Always ensure that your fonts are easy to read on your visitors’ screens.

To optimise your application:

• Eliminate non-essential functions;
• Limit the number of notifications you send and avoid those that are not useful;
• Use the DevOps method to optimise the software development process;
• Optimise battery use with the energy profiles included in smartphone operating systems;
• Reduce background data usage;
• Adapt the precision of your geolocation to your real needs.

You may want to consider migrating to Progressive Web Apps:

• Reduce your application’s resource consumption, data usage and environmental impact;
• Improve the compatibility of your application on several devices, making it much more accessible;
• Improve the user experience.

To improve loading times on your site and reduce data consumption:

• Use Accelerated Mobile Page (AMP) technology to improve the loading of your web pages in places where network coverage is poor (and your Google ranking);
• Opt for a static structure to improve your website’s response time, user experience and SEO, and to avoid the need for a database.