100 points à savoir sur…
Développement Web éco-conçu

La typographie sur le web se définit comme l'art de présenter du contenu de manière agréable, esthétique et accessible à tous.
Lorsque vous créez du contenu sur votre site web, vous avez le choix entre personnaliser la police ou en sélectionner une dans le catalogue Google.

Dans ce module, nous verrons les différents impacts que le choix d'une police peut avoir sur la performance et la pérennité de votre site web :

Chargement de la police
Il est important de prendre en compte la quantité d'énergie nécessaire au chargement de la police choisie. Plus le temps de téléchargement est long, plus il nécessite d'énergie.

Les requêtes HTTP
Il est important de prendre en compte le nombre de requêtes nécessaires pour charger tous les éléments d'une page web. Plus il y a de requêtes HTTP, plus l'impact est important. Il faudra beaucoup plus d'énergie.

Le poids de la page
Plus la taille de la page web est petite (kilo-octets ou méga-octets), moins il faut d'énergie pour la charger. Par conséquent, notre impact environnemental est moindre.

Dans le grain précédent, nous avons défini 3 types de polices de caractères. En tenant compte de ces critères, nous pouvons conclure que les polices système sont celles qui consomment le moins d'énergie car elles sont installées sur les ordinateurs. Cependant, elles limitent les possibilités des concepteurs.

Les polices Web, en revanche, élargissent la palette du concepteur, mais peuvent en même temps augmenter les demandes HTTP et le poids des pages, et ralentir leur chargement. Différents jeux de polices Web peuvent avoir des effets différents, comme on l'a vu dans le grain précédent avec la plupart des polices Web Puplar.

Un mauvais choix de police a un impact direct sur un certain nombre de paramètres tels que :

• Le temps de chargement de la page web ;

Tous les éléments qui composent une page web sont susceptibles d'avoir un impact sur son temps de chargement. Ainsi, si vous choisissez une police personnalisée, il est important de veiller à ce qu'elle n'ait pas un impact trop important sur les performances de votre site web.

• Lisibilité du texte ;
• Accessibilité du texte sur tous les périphériques de sortie (imprimante, etc.) ;
• Classement dans les moteurs de recherche Google ;
• L'empreinte carbone du site.