7 choses que vous pouvez faire pour créer des sites Web et des applications écologiques

L'éco-convivialité et la durabilité sont des thèmes importants de cette journée Et l'âge. Mais ce n'est pas seulement pour les entreprises ou les consommateurs qui veulent «sauver la planète».

Les concepteurs Web peuvent aussi apporter leur contribution.

Aujourd'hui, nous allons voir ce que signifie réellement le design écologique et comment vous pouvez utiliser ces connaissances pour créer de meilleurs sites Web et applications pour tout le monde (vos clients et le monde en général).

Comment créer des sites Web et des applications écologiques

Il y a trois grandes raisons pour lesquelles Internet et son trafic contribuent à une planète malsaine.

Raison n ° 1: Le nombre de visiteurs Web augmente, ce qui signifie une plus grande consommation d'énergie grâce à leurs appareils.

Selon Statista, le nombre d'utilisateurs d'Internet dans le monde continue de croître d'année en année:

Raison n ° 2: L'ensemble La taille des sites Web est en train d'exploser, ce qui signifie qu'il faut plus de puissance de serveur pour traiter toutes les données transmises.

Selon les données de HTTP Archive, le poids moyen d'un site Web augmente. Vous verrez ici comment le nombre médian de kilo-octets transmis a changé au fil des ans:

Raison n ° 3: à mesure qu'il devient plus pratique pour les utilisateurs d'accéder au Web, les utilisateurs passent plus de temps en ligne, ce qui ne fait qu'ajouter à la consommation d'énergie et à l'utilisation du serveur.

Statista rapporte que le temps moyen passé en ligne a augmenté à pas de géant au cours des 10 dernières années et devrait continuer cette tendance à la hausse dans les années à venir:

Conclusion: plus les serveurs doivent traiter de données et plus les utilisateurs passent de temps en ligne, plus notre planète se développe en mauvaise santé. La conception Web respectueuse de l'environnement peut cependant contribuer à réduire cette empreinte carbone.

Voici ce que vous pouvez faire pour aider, à partir d'aujourd'hui:

1. Utilisez Green Web Hosting

Si vous avez votre mot à dire sur le type d'hébergement utilisé par vos clients, alors c'est votre chance de démarrer leur site Web ou leur application du bon pied. Et si ce n'est pas le cas, vous pouvez toujours utiliser ce petit conseil pour héberger votre propre site Web.

En ce qui concerne les hébergeurs Web qui sont «verts», vous serez peut-être surpris de savoir combien il y en a réellement. La Green Foundation regroupe plus de 500 sociétés d'hébergement vertes dans le monde:

Si le vôtre n'est pas sur la liste, ne paniquez pas pour l'instant. Ecograder est un outil gratuit qui évalue le caractère écologique des sites Web. Tout en bas de son évaluation se trouve une note et une recommandation liées à votre hébergement Web.

L'exemple ci-dessus montre que cela en particulier Le site Web a reçu une note «jaune» (c'est-à-dire que le vert est bon, le jaune est correct, le rouge est mauvais) en ce qui concerne l'hébergement vert. C’est parce que le fournisseur ne fonctionne pas à 100% sur les énergies renouvelables, mais achète des crédits d’énergie renouvelable. Ainsi, vous constaterez peut-être que votre hébergeur Web fait quelque chose de similaire – et c'est un bon début.

Vous voudrez peut-être également vérifier le caractère écologique de votre CDN, si vous en utilisez un.

Pour ce faire, Je vous recommande de télécharger le rapport Click Clean 2017: Qui gagne la course pour construire un Internet vert?

Selon le tableau de bord, Switch est le seul fournisseur de CDN à recevoir un A. Deux CDN populaires – Equinix et Akamai – ont reçu les notes les plus élevées suivantes.

2. Tirer parti de la mise en cache et d'autres optimisations du traitement des données

Il y a tellement de choses qui vont faire baisser les performances d'un site Web ou d'une application, obligeant les utilisateurs à rester assis et à attendre pendant que le serveur travaille dur pour traiter les données en arrière-plan. Mais optimiser vos ressources n'est pas une chose difficile à faire.

Voici quelques moyens de permettre à votre serveur de fonctionner plus efficacement et de rendre votre site Web plus rapide:

• Implémentez la mise en cache à tous les niveaux: navigateur, page, serveur, base de données, etc.
• Utilisez un CDN.
• Implémentez la compression Gzip.
• Combinez et réduisez votre code.
• Utilisez des sprites CSS.

Les performances sont très importantes, que vous construisiez des sites Web ou des applications. Une fois que vous avez terminé de tirer parti des accélérations ci-dessus, je vous recommande de parcourir les archives d'optimisation des performances du blog Telerik .

Il y a des ressources incroyables ici qui vous orienteront vers des conseils d'optimisation plus spécifiques en fonction de ce que vous construisez ainsi que de la langue que vous construisez il dans.

3. Soyez attentif aux images

Vous vous souvenez du graphique que je vous ai montré auparavant du nombre total de kilo-octets transmis par les sites Web? Eh bien, HTTP Archive ne décompose pas seulement la quantité de données traitées dans leur ensemble. Il suit également les parties spécifiques d'un site ou d'une application qui consomment le plus de données, comme images .

Pour rappel, voici le nombre de kilo-octets transmis, en moyenne, par les sites Web en 2020: [19659032] Bureau: 1957,8 Ko

Maintenant, regardez les chiffres du graphique ci-dessus. Les images représentent environ la moitié des données d’un site Web (949/1957 pour les ordinateurs de bureau et 879/1791 pour les mobiles).

Les images jouent un rôle si important sur le Web qu’il n’est pas surprenant de voir combien elles pèsent littéralement. Cependant, vous pouvez faire quelque chose pour réduire la pression qu’elles exercent sur les ressources de votre serveur.

Voici quelques conseils d’optimisation de l’image selon que vous concevez des sites Web ou des applications:

• Compressez toutes les images avant de les télécharger sur votre serveur.
• ] Redimensionnez les images à une largeur maximale de pixels des écrans de vos utilisateurs. Tout ce qui est plus que cela n'est que du gaspillage.
• Enregistrez des images dans WebP afin que les navigateurs qui acceptent le format d'image les diffusent plus efficacement à vos visiteurs.
• Utilisez le chargement différé pour que votre serveur ne perde pas de temps à traiter les images des visiteurs ne verra jamais.

Vous pouvez également définir une taille de page cible qui contrôle votre utilisation des images ou, à tout le moins, vous encourage, vous et vos clients, à mieux optimiser les images que vous utilisez.

4 . Soyez prudent avec la vidéo et l’audio

Les images ne sont pas les seules sources de données. Flash était une fonctionnalité populaire il y a des années et consommait beaucoup de données sur les sites Web. Heureusement, nous avons maintenant HTML5 et CSS3, qui peuvent fournir des fonctionnalités similaires beaucoup plus efficacement.

La vidéo moderne peut également causer des problèmes. Voici quelques points à garder à l'esprit lorsque vous ajoutez des vidéos sur votre site:

• Enregistrez des vidéos au format WebM (l'équivalent multimédia WebP) et autorisez les navigateurs qui acceptent le format de fichier à diffuser des vidéos plus efficacement aux visiteurs.
• Enregistrer les vidéos sous MP4 pour tout le monde et profitez des avantages d'une taille de fichier plus petite, tout en conservant une vidéo de bonne qualité.
• Si possible, intégrez une vidéo à partir d'une plate-forme de stockage et de diffusion vidéo tierce.

Si vous optez pour la diffusion en continu. vidéo ou audio, assurez-vous de le faire auprès d'entreprises vertes. Le rapport Click Clean a fourni des scores sur les principaux fournisseurs de streaming vidéo:

YouTube est le seul fournisseur de cette liste à recevoir un A sur sa carte de score. Tous les autres ont joué de façon assez épouvantable. Les résultats de la carte de score audio sont similaires:

Selon Click Clean, iTunes est le seul service de streaming audio respectueux de l'environnement. Tous les autres échouent ou faillissent échouer en termes de durabilité.

5. Créer des interfaces minimales

Ce n'est pas trop éloigné de ce que nous pratiquons normalement dans la conception Web et d'applications. Cependant, il est particulièrement important de concevoir de manière minimale si vous souhaitez créer un site Web ou une application écologique.

Pour les applications commencez toujours par créer un produit minimum viable (MVP). Cela vous évitera d’ajouter des fonctionnalités gourmandes en données ou surchargées, sauf indication contraire confirmée qu’elles sont nécessaires.

Pour les sites Web ou les PWA pratiquez la conception mobile d’abord. L'espace d'écran plus petit encourage intrinsèquement des conceptions plus minces.

Une autre chose à faire est d'éviter de construire des sites ou des applications avec des fonctionnalités ou des composants très tendance. S'ils ne sont pas durables, vous devrez revoir la conception et enregistrer plus d'heures en ligne, ce qui consommera plus de données.

6. Rationaliser la navigation

La façon dont vous concevez la navigation de votre solution peut faire des merveilles pour le temps que les utilisateurs passent à l'intérieur.

Ainsi, la première chose à faire lors de la conception d'un site Web ou d'une application est de créer une navigation simple et intuitive. bar – à la fois en termes de conception et de formulation. Il devrait être très facile pour les visiteurs d'accéder à votre site ou à votre application et de savoir exactement comment se rendre là où ils vont. Une barre de recherche est également utile.

Dans le même ordre d'idées, vous souhaiterez éviter que les liens rompus n'empêchent les utilisateurs de suivre leur chemin. Pour cela, utilisez les redirections 301 pour les transférer de manière transparente vers la nouvelle URL.

Une autre façon de faire bouger les choses efficacement est de toujours concevoir pour l'expérience utilisateur. En gardant à l'esprit l'intention de l'utilisateur et en créant un chemin clair vers la destination souhaitée, il sera dans et hors de votre solution en un rien de temps.

Cela dit, avec les applications mobiles, l'objectif n'est pas toujours d'obtenir les utilisateurs à convertir le plus rapidement possible. Parfois, c'est l'acte réel d'utiliser l'application qui compte le plus.

Si tel est le cas, envisagez d'ajouter un paramètre de gestion du temps dans votre application comme Tik Tok ou Instagram : [19659003]

Cela permet aux utilisateurs de définir des limites de temps, afin qu'ils puissent profiter de l'application sans en faire trop. et éprouver les effets négatifs de trop de temps passé en ligne. Une autre caractéristique éthique qu'Instagram inclut est ce paramètre «Utilisation des données cellulaires»:

De cette façon, les utilisateurs peuvent choisir activement comment ils consomment les données via l'application, même si cela compromet légèrement leur expérience.

y compris des fonctionnalités respectueuses de l'environnement et éthiques comme celles-ci, l'utilisation de votre application n'a pas à contribuer autant à un Web respectueux de l'environnement.

7. Rédigez des métadonnées ou des listes de recherche de haute qualité

Ce n'est peut-être pas quelque chose dont vous êtes directement responsable, mais vous pouvez certainement peser sur votre équipe.

Voici la justification de ce point:

• Vous créer un site Web ou une application de haute qualité.
• Vous voulez que les utilisateurs trouvent la solution dans les moteurs de recherche de Google ou dans les magasins d'applications mobiles.
• Les métadonnées sont écrites pour aider les utilisateurs de recherche à trouver les sites Web pertinents qui correspondent à leurs requêtes. [19659033] Les listes de recherche d'applications descriptives aident les utilisateurs à trouver des applications qui valent la peine d'être installées et utilisées.
• Plus ces données sont efficaces, plus il est facile pour les bonnes personnes de trouver votre produit, ce qui signifie moins de données consommées par les mauvaises personnes.

Cela peut sembler mineur, mais pensez à ce qui se passe lorsque des volumes élevés de trafic frappent votre site ou votre application à plusieurs reprises – et sans rien à montrer sauf un serveur fonctionnant en overdrive pour traiter les demandes . Assurez-vous donc que vos métadonnées et vos listes de recherche décrivent avec précision ce que vous avez construit afin que les bonnes personnes puissent vous trouver.

Conclusion

Il y a un certain nombre de raisons pour lesquelles vous devriez créer des sites Web et des applications en gardant à l'esprit la durabilité :

• C'est bon pour la planète.
• Être capable de vous faire connaître en tant que designer éco-conscient vous donnera un avantage sur la concurrence.
• Vous aiderez vos clients à mieux se connecter avec la génération Y et les consommateurs de la génération Z qui sont de plus en plus nombreux et sont obsédés par les marques de soutien qui font du bien.

De plus, si vous regardez les conseils présentés ci-dessus, la plupart d'entre eux vous permettront de créer des sites Web meilleurs, plus simples et plus convertibles. et les applications en général. Si vous pouvez ajouter le respect de l'environnement à cette liste en faisant quelques choses supplémentaires, alors pourquoi ne pas adopter cette approche?