Même si nous disposons de réseaux Internet de plus en plus performant, la rapidité de chargement d'un site web et ses performances sont de plus en plus un enjeu majeur à la fois pour le référencement naturel et aussi pour préserver la planète !

La performance d'un site est un des critères de qualité essentiel ! 

Proposer aux internautes des sites web performants est essentiel voire indispensable pour la réussite d'un site web. La performance web n'est pas la seule famille de critères de qualité à respecter, elle est tout aussi importante que l'ergonomie et la qualité d'accueil, les qualités graphiques et le UI design, l'accessibilité du site web, son optimisation pour les smartphones, tablettes et desktop, l'interopérabilité,... 

Cependant la particularité de cette famille de critères de qualité est d'avoir un impact sur la plupart des autres familles de critères de qualité. En effet la performance d'un site Internet impacte également directement : 

  • l'ergonomie et la qualité d'accueil des internautes, 
  • le référencement naturel, les moteurs de recherche privilégiant les sites les plus rapides dans les classements des SERP (pages de résultats de recherche), 
  • l'efficacité du site pour les smartphones et tablettes,...

Et aussi, pour réduire l'impact environnemental du web !

Et de plus, la performance d'un site web possède également un impact direct sur la consommation d'énergie et la pollution entrainée par la consultation du site ! Le digital ayant un impact sur l'environnement de plus en plus important (lire les articles : Tout savoir sur l'éco conception web, tendance webdesign 2022 et "Eco conception web") il est essentiel de créer des sites web frugaux quant à leur consommation d'énergie et leur impact environnemental ! 

Produire un site web performant : un challenge indispensable 

Ces premières lignes d'introduction l'ont démontré : il est indispensable de mettre au coeur de la création d'un site web ou d'une refonte la performance web ! 

Lorsqu'à l'occasion des 15 ans de notre agence web (voir l'article Natural-net fête ses 15 ans en 2022), nous avons envisagé de réaliser une refonte du site de notre agence natural-net.fr, toute notre équipe a pris en compte ce challenge de réaliser le site web le plus performant possible !

Comment concevoir un site web performant et rapide ? 

Pour concevoir un site performant il faut prendre en compte ces aspects dès le début du projet ! Tout comme pour le référencement naturel, aborder cet aspect en fin de projet est une très mauvaise idée. 

Envisager une ergonomie et un design légers 

Dès la phase de définition des fonctionnalités et de l'ergonomie, au travers des wireframes et de l'UX design, il est nécessaire de prendre en compte les objectifs de performances. L'ergonomie et le design doivent en premier lieu être définis en fonction des attentes des cibles, des objectifs webmarketing ou des objectifs de conversion, mais il faut garder en tête les conséquences de ces choix sur les performances. 

Utiliser un CMS performant 

C'est un point essentiel de la réussite, le fait de disposer d'un CMS performant et adapté à l'optimisation des performances est un passage obligé essentiel ! Le fameux et populaire CMS Wordpress est donc à proscrire sauf si vous avez un budget suffisant pour réaliser de fastidieuses optimisations en fin de projet. En effet la manière dont est conçu Wordpress, sa philosophie et ses principes d'ajouts de plugins s'opposent directement à une performance élevée du site web pour 2 raisons au moins : 

  • L'adjonction de plugins engendre un surcroit d'élément HTML non nécessaires qui polluent votre code HTML (c'est également un inconvénient non négligable pour le SEO) et ralentissent l'exécution de la page web par le navigateur, 
  • Mais surtout l'usage de plugins entraine l'appel à de nombreux fichiers CSS et JS parfois particulièrement lourds en termes de poids et nombreux.

Pour de bonnes performances, sauf si vous avez un budget très important : oubliez Wordpress ! 

De notre côté pour la refonte du site Natural-net nous avons retenu le CMS Kiubi qui nous permet :

  • Sans aucun surcout de maitriser l'ensemble du code HTML, CSS et JS à 100% : nous avons donc la possibilité de maitriser à 100% l'ensemble du code HTML et donc d'éviter les éléments HTML non indispensables et surtout de restreindre les CSS et JS aux lignes de code minimales permettant au site de fonctionner,  
  • De bénéficier de bonnes performances natives en termes d'éxécution des pages : les développeurs de Kiubi sont des pros et ils ont mis la performance au coeur de leurs spécifications, les pages sont ainsi rapides à charger et conformes à bon nombre de règles et bonnes pratiques en termes d'optimisations des performances,....
Ces qualités du CMS Kiubi s'ajoutent à ses nombreuses autres qualités : des coûts mensuels réduits, un taux de disponibilité très élevé, un site simple à coder et à mettre à jour au quotidien, des sauvergardes automatiques quotidiennes,... C'est pourquoi notre agence web et webmarketing recommande Kiubi non pas les yeux fermés mais avec un avis très éclairé ! 

Eviter de recourir à un template 

Les templates font gagner du temps sur la phase de design des pages web mais souvent en font perdre lors du chargement des pages web par les internautes ! Les templates ont tendance à intégrer de nombreux éléments et fonctionnalités qui ne sont pas finalement utilisées sur le site web mais qui restent présentes dans les fichiers JS et CSS. Mieux vaut éviter de recourir à un template si possible ou en tout cas de vérifier au moment de choisir le template si ce dernier n'est pas trop riche en termes de lignes de codes et fichiers CSS et JS. 

Dans le cas ou le recours à un template est indispensable (souvent pour un problème de coût), il faudra garder du temps en fin de projet pour réaliser des optimisations et nettoyages du code. 

Soigner l'intégration HTML et minimiser le code HTML, CSS et JS 

La phase d'intégration HTML est cruciale, le développeur front end, en charge de la construction des pages web statiques doit être expérimenté et doit avoir comme objectif de minimaliser l'ensemble du code HTML, CSS et JS. Il est également conseillé qu'un seul développeur intervienne sur le projet pour garantir le code le plus ténu possible ! 

Avoir une utilisation appropriée des images et éléments multimédias 

Les images et éléments multimédias (vidéos et animations) peuvent diminuer largement les performances. Il est donc indispensable d'en faire un usage modéré et de se demander systématiquement si ces éléments sont indispensables à l'accueil des internautes et à la réponse à leurs attentes. 

Tester, optimiser, retester, ré-optimiser 

Avant la phase de mise en ligne du site il faut passer par les traditionnelles phases de concaténations et de minifications des fichiers CSS et JS et prévoir du temps et des ressources pour faire se succéder des phases de tests et des phases d'optimisations. 

Preuve à l'appui : les performances du nouveau site Natural-net...

Il existe de nombreux outils pour évaluer les performances d'un site web, nous en avons choisi 3 pour présenter et relater le haut niveau de performance du site. Les résultats parlent d'eux-même (ici la page d'accueil a été testée) : 

  • Note Uptrends du test de performances de la version smartphone du site : 91/100
  • Note GTMetrix des performances du site en Desktop : A, soit la note la plus élevée délivrée par cet outil 
  • Note Lighthouse des performances du site en version smartphone : 98/100 

L'évaluation de la performance par l'outil Uptrends 

Rapport de performance Uptrends

L'évaluation de la performance par l'outil GTmetrix 

Rapport de performance GT Metrix

L'évaluation de la performance par l'outil Lighthouse 

L'évaluation de la performance par l'outil Lighthouse

A propos de l'impact écologique du site Natural-net 

Un site performant et rapide débouche également sur un site plus frugal en consommation d'énergie et réduisant son impact environnemental ! Même si les sites web ne représentent qu'un faible poids de la pollution mondiale liée au digital, la démarche d'amélioration de la performance va dans le sens de minimiser notre impact environnemental

L'outil d'évaluation du degré de pollution d'une page web Web Site Carbon est devenu un des standards pour juger de l'impact environnemental des pages web. 

Et comme le montre cette image notre site est plutot bien positionné puisque la plupart des pages du sites obtiennent un score élevé en se positionnant parmi les 20% des sites web les moins polluants parmi tous les sites testés par l'outil

A propos de l'impact écologique du site Natural-net 

Votre site : est-il performant ? 

Nous vous invitons à tester votre site web à l'aide des outils précisés précédemment : 

En savoir plus sur la pollution liée au digital et sur l'éco-conception web 

Vous souhaitez améliorer les performances de votre site Internet ou concevoir un site nouveau web performant ? 

L'équipe de notre agence web est à votre disposition pour répondre à vos questions, réaliser un audit de votre site web, ou vous transmettre un devis personnalisé pour une refonte ou une création de site. 

Contactez-nous

Plus d'infos sur l'éco-conception web

Remonter

5.0