Limitez l’utilisation de widgets et plug-ins comme par exemple icônes de réseaux sociaux, Google Maps, vidéos incrustées, etc. Ces plug-ins utilisent beaucoup de ressources et peuvent être facilement supprimés ou remplacés.

Remplacer les icônes de réseaux sociaux

La plupart des sites contiennent des liens vers les réseaux sociaux qui utilisent des plug-ins (Twitter, Facebook, Instagram, LinkedIn, etc) et utilisent inutilement du Javascript.

Exemple d’image + lien

Vous pouvez facilement remplacer ces plugins par l’utilisation d’une image et un lien et obtenir le même effet.

<a class="nav-link" href="https://www.linkedin.com/company/designers-ethiques">
    <img src="asset/images/linkedin.svg" alt="Accéder à la page LinkedIn de Designers Ethiques">
</a>
                        
Icônes de réseaux sociaux

Exemple de liens simples

Vous pouvez également tout simplement remplacer par un lien sans image, comme sur le site du Low-tech Lab.

On peut aussi se poser la question de la nécessité d’avoir ces icônes ou liens sur chaque page du site. Est-ce un besoin réel ou une habitude ?

Facebook, Twitter, Instagram, Linkedin, Flux RSS

Inscrivez-vous à notre newsletter mensuelle.

plus d'info

Supprimer les fils d’actualité intégrés

De la même façon, résistez à la tentation d’ajouter les fils d’actualité de réseaux sociaux directement dans votre site. Mieux vaut mettre un lien vers les réseaux sociaux, ou faire un choix sélectif des actualités à mettre en avant. Vous réduirez du même coup le nombre de trackers sur votre site.

Remplacer la Google Map

Le plugin Google Map pèse 1 Mo. Or, on peut s’interroger de sa valeur ajoutée : tous les utilisateurs ont-ils besoin de la charger ? Au vu de la taille que la carte fait sur beaucoup de sites, l’information qu’elle apporte compense-t-elle son poids ? Ne peut-elle pas être remplacée par un lien vers une carte interactive que seules les personnes intéressées ouvriraient ?

Localisation d’une adresse

D’abord se poser la question : est-ce que nos utilisateurs / clients vont venir nous rendre visite ? Si la réponse est non, l’adresse sans le lien suffit !

Exemple d’image + lien

Si vous pensez que l’image apporte une vraie valeur, et évitera aux utilisateurs d’aller chercher sur Maps, vous pouvez ajouter une image de la carte avec un lien, en suivant le même principe que pour les icônes, comme le fait Un Ecrin Vert - Biocoop Montreuil.

Image d’une carte de localisation

Exemple de liens simples

Sinon, remplacez la Google Map intégrée par un simple lien vers la carte, comme cet exemple de Contact Wholegrain Digital. Et pourquoi pas un lien vers une carte OpenStreetMap ou Qwant Maps au lieu de la Google Map.

Adresse avec un lien vers la carte

Carte interactive

Lorsqu’il s’agit d’une carte interactive pour localiser des lieux, considérez l’utilisation qui en sera faite, et remplacez, par exemple, par un annuaire.

DON’T (à ne pas faire)

Carte interactive

DO (faire plutôt)

Annuaire

Carte de France montrant de trop nombreux points de localisation

Sauf mention contraire, les contenus de ce site sont mis à disposition selon les termes de la licence Creative Commons Attribution 4.0 International.

Venez échanger avec nous sur http://slack.designersethiques.org, canal #projet_ecoconception.

Autrices du guide : Aurélie Baton et Anne Faubry.