Un site internet performant est ce dont rêve n’importe quelle personne présente sur la toile. Afin de comprendre comment rendre un site internet performant, il faut bien comprendre les 4 composantes qui agissent sur la performance d’un site internet. Par performance, j’entends « attirer suffisamment de bonnes personnes sur mon site internet afin qu’ils puissent acquérir l’information, le service, le produit ou la prestation que je souhaite leur présenter« .

Afin de garantir cette mission, 4 composantes rentrent en jeu :

• Le SEO (Search Engine Optimization) du site internet,
• Le Design global du site internet,
• La rapidité d’accès au site internet,
• La stabilité et la sécurité du site internet.

Ces 4 composantes ont le chic d’être interdépendantes les unes des autres. Un site ultra-sécurisé sera plus long à charger et impactera négativement le SEO, tandis qu’un site uniquement écrit pour correspondre à du SEO ne présentera pas une expérience utilisateur favorable pour que le visiteur reste sur le site. Tout est question de choix et de compromis entre ces 4 composantes afin de garantir qualité, professionnalisme et accessibilité de votre site internet.

Le SEO pour un site internet performant

Qu’est-ce que le SEO ? SEO signifie Search Engine Optimization. C’est l’art d’optimiser son site internet pour les moteurs de recherche. C’est en partie un bon SEO qui permet de passer des articles en première position sur certains mots-clés utilisés dans la recherche Google ou la recherche Microsoft Bing. C’est sans conteste l’une des composantes les plus importante pour rendre votre site internet plus performant. Car c’est également en optimisant la vitesse et le design de votre site que votre SEO s’améliorera.

C’est le SEO qui est responsable de ramener les bonnes personnes sur votre site. Ce sont les personnes ayant besoin de vos services, vos prestations ou vos formations.

Désormais, le SEO ne se cantonne plus à l’indexation des sites internet. On retrouve également du SEO pour mieux référencer ses vidéos YouTube sur la plateforme, propulser ses posts Facebook ou Instagram, etc. Les réseaux sociaux prennent de plus en plus de place dans ce domaine.

Je ne vais pas rentrer dans le détail du Search Engine Optimization au sein de cet article, car le sujet est assez vaste pour que je dédie plusieurs articles à ce sujet. Le SEO reste « un art » à part entière, car les guidelines pour faire du bon SEO sont sujets à interprétation. En effet, les moteurs de recherche tels que Google ou Bing, gardent secret leurs algorithmes de leurs plateformes. Chaque année, ces plateformes communiquent la mise à jour de leurs guidelines.

Cependant, afin de maintenir la performance d’un site internet de ce côté-là, il faut bien comprendre l’intérêt qu’ont les moteurs de recherche à mettre votre site, vos pages ou vos articles en avant.

Si je prends l’exemple de Google :

• Ils n’ont pas intérêt à perdre des utilisateurs, ils doivent donc mettre en avant du contenu de qualité qui répond parfaitement aux demandes de leurs utilisateurs. Vos contenus doivent donc être de qualité et répondre à une question spécifique ou une problématique.
• Ils ont intérêt à mettre en avant les sites qui travaillent avec les outils et produits Google (Adwords, MyBusiness, Adsense, YouTube, etc.). Dans ce cas votre site ou vos articles ont un intérêt économique favorable pour Google.
• Ils ont intérêt à présenter des résultats rapides aux utilisateurs. Le temps de réponse de votre site doit être faible et votre site doit avoir une structure claire.

En d’autres termes, vos contenus doivent répondre à des mots-clés ciblés et être plus qualitatifs et performants que la concurrence. Si vous vous mettez à la place d’un moteur de recherche, que vous adoptez sa vision et son intérêt, vous aurez les bases pour optimiser vos contenus pour la recherche web.

Des outils pour améliorer vos performances SEO

Certains outils peuvent vous aider dans votre stratégie de contenu comme :

• Google Search Console, qui est l’outil quasi obligatoire à connecter à son site internet. C’est via la Search Console que votre site pourra être indexé plus rapidement et plus efficacement sur Google. Vous pourrez également analyser les mots-clés les plus performants pour votre site.
• Bing Webmaster Tool. Idem que la Search Console de Google, mais pour Microsoft Bing. L’avantage, c’est qu’une fois la Search Console configurée, vous pourrez importer les paramètres de votre site dans Bing Webmaster Tool.
• Ubersuggest de Neil Patel, qui permet d’analyser le volume de recherche et la concurrence sur différents mots-clés.
• SemRush Keyword Magic Tool, qui propose des outils d’analyse de mots-clés et des audits SEO sur votre site.

Sur un site WordPress, des plug-ins freemium sont disponibles pour vous aider lors de la rédaction de vos pages et articles. Voici 3 plug-ins que je recommande en version gratuite pour commencer, puis premium lorsque vous serez plus avancé dans votre projet.

• Yoast SEO, qui est pour moi le plus convivial des plug-ins SEO. Sa version premium est un régal à utiliser, bien qu’un peu chère.
• All In One SEO, qui a l’avantage de proposer beaucoup de fonctionnalités dès sa version gratuite (ajout de plusieurs mots-clés par article, connexion à SemRush pour trouver des idées de mots-clés). La version premium propose plus de fonctionnalités qui se traduisent par l’ajout de plug-ins.
• Math Rank SEO, qui est un plug-in tout-en-un s’intégrant parfaitement aux constructeurs de page tels que Elementor ou Divi. Moins cher en version premium que ces concurrents, ce plug-in est également plus jeune. Un plug-in des plus prometteurs avec de nombreuses fonctionnalités que je vous recommande si vous utilisez des constructeurs de pages autres que Gutemberg de WordPress.

Le Design d’un site internet performant

Derrière le design d’un site internet performant se cache la structure du site, le thème et les technologies qu’il utilise pour afficher une page rapidement sur n’importe quel support : ordinateur, télévision, tablette, téléphone, console de jeux, etc…

Il y a également le design graphique de vos pages et de vos articles qui rentrent en compte dans la performance d’un site internet performant. Plus ce design sera lourd à charger, en poids ou en lancements de scripts, plus l’accès à vos pages sera lent.

Lorsque les éléments qui composent un site ont la capacité de s’adapter automatiquement à la taille de l’écran du visiteur, on dit que le site est responsive. Depuis quelques années, suite à l’émergence des smartphones et des objets connectés, les sites responsives sont privilégiés par Google dans leur moteur de recherche. En effet, aujourd’hui, plus de 50% du trafic web passe par des formats mobiles comme des smartphones ou des tablettes.

Un bon Design de votre site permettra d’améliorer le SEO de ce dernier, ainsi que la rapidité d’accès à vos pages. Dans le cas contraire, les autres composantes seront impactées négativement.

Ces dernières années, je me suis imposé quelques règles efficaces pour le design de mes sites.

Quelques règles efficaces à respecter pour un site internet performant

La rapidité d’accès au site internet

La rapidité d’accès à un site Internet correspond au temps moyen que met le visiteur à accéder aux pages. Plusieurs paramètres rentrent en compte dans le temps d’accès à un site Internet. Si je prends l’exemple d’un site WordPress, ce dernier peut être optimisé à différents niveaux :

• La solution d’hébergement utilisé (ressources matérielles et localisation),
• La configuration logicielle de cet hébergement,
• Lors de l’installation et des premiers réglages de WordPress,
• Au niveau du thème et des plug-ins utilisés sur WordPress,
• Sur le design du site (images, vidéos, scripts),
• Sur l’utilisation d’une solution de sécurité,
• Sur la configuration de la mise en cache des pages,
• Sur l’utilisation de serveurs CDN.

Cela fait beaucoup de choses à installer, régler et optimiser. En effet, sur un site WordPress fraîchement installé avec quelques pages non optimisées, on peut arriver sur des temps de chargement avoisinant parfois jusqu’à 8 secondes ! Sachant que vous perdez jusqu’à 80% de votre trafic si vos pages mettent plus de 3 secondes à charger, il est vrai que ce n’est pas très optimal. Le premier paramètre à privilégier, c’est le choix d’une solution d’hébergement adapté à un site internet performant.

Vous pouvez tester la vitesse de votre site grâce aux outils Google PageSpeed, GT Metrix ou Pingdom Website Speed Test.

Je vais partir du principe que l’on parle d’un hébergement pour WordPress.

Un hébergement web pour faire fonctionner un site en PHP (WordPress fonctionne en PHP) est composé au minimum d’un espace de stockage et d’une base de données.

L’espace de stockage possède l’intégralité des fichiers de votre site : les fichiers de fonctionnement de WordPress ainsi que le contenu multimédia (photos, graphiques, images, vidéos, PDF, etc.).

La base de données contient l’ensemble des paramètres dynamiques du site : options de WordPress, options des plug-ins, contenu des articles, positionnement des différents blocs qui composent le site, etc.

Lorsqu’une page se charge chez le visiteur, des scripts PHP sont exécutés sur le serveur pour servir correctement le visiteur avec les bonnes données (les images de l’espace de stockage et le contenu texte de la base de données). Ces scripts utilisent des ressources matérielles sur le serveur : des ressources processeurs (CPU), de la mémoire vive (RAM) et de la mémoire morte (ROM).

Lorsque vous optez pour un hébergement mutualisé chez un hébergeur, ce dernier vous alloue des ressources matérielles (CPU, RAM et ROM) qui sont partagées avec d’autres clients, d’autres sites internet. Le minimum requis pour un site performant à son démarrage est de 2 cœurs processeur, 2 Go de RAM et quelques Go de stockage en SSD ou SSD nVME.

Bien entendu, l’hébergeur doit pouvoir faire évoluer ces ressources avec l’évolution de votre trafic. Car + de trafic signifie + de scripts à exécuter sur le serveur et donc plus de ressources à acquérir. Si vous avez un site nécessitant la gestion de comptes utilisateurs ou un forum, il faudra également augmenter les ressources en fonction du nombre d’interactions qui se passent sur votre site.

Ensuite, l’hébergeur peut vous proposer une installation automatique de WordPress. J’ai déjà été déçu par ce type d’installation chez certains hébergeurs. Certains imposent des plug-ins partenaires à l’installation, tandis que d’autres hébergeurs vous proposeront une version de WordPress qui n’est pas à jour. Dans tous les cas, il faudra passer par la case configuration.

Dernière chose importante : la localisation de votre serveur. Si votre site internet est un site business dont la clientèle est européenne, il faudra se plier aux normes RGPD qui préconisent des serveurs présents en Europe. Plus le serveur où est hébergé votre site est proche de votre trafic, vos prospects et vos clients, mieux c’est. Si vos clients sont en France, privilégiez un hébergement en France.

À noter que les fermes de serveurs présentes en France connaissent de plus en plus de soucis de surchauffe lors des fortes chaleurs annuelles. Une alternative intéressante est de se tourner vers des serveurs hébergés aux Pays-Bas ou en Islande. Les fermes de serveurs qui y sont présentes sont connues pour être très performantes, autant énergétiquement que sur le matériel utilisé et la bande passante permise.

Dans les solutions d’hébergement, je peux vous conseiller :

• Planet Hoster : serveurs mutualisés présents en France et au Canada ;
• Hostinger : serveurs mutualisés présents aux Pays-Bas, en Islande et en Lituanie ;
• O2Switch : serveurs mutualisés présents en France ;
• Ionos by 1&1 : serveurs mutualisés présents en France, Angleterre, Allemagne, Autriche, Italie, Espagne, Pologne, États-Unis, Canada et Mexique.

Je vais dédier un article complet sur les solutions d’hébergement à privilégier pour son site et son trafic.

Quelles solutions de cache à adopter pour avoir un site internet performant ?

Une solution « magique » sur WordPress pour rendre son site Internet performant et plus rapide est d’utiliser des solutions de mise en cache. En effet, sur des pages statiques comme des Landing Pages ou des pages purement informatives, les informations affichées ne sont pas souvent mises à jour. Du coup, au lieu de répondre constamment aux mêmes requêtes PHP pour chaque visiteur, il est préférable que le serveur génère une bonne fois pour toutes la page et la mette de côté afin de la servir plus rapidement. Cette « mise de côté », c’est ce qu’on appelle une « mise en cache ».

Cette mise en cache permet de réduire le nombre de requêtes effectuées sur un site, et donc l’utilisation des ressources serveurs. Cela se traduit par des chargements de page plus rapides, un serveur moins chargé et une navigation plus fluide pour le visiteur. C’est ce qui est à la base d’un site internet performant.

Cette mise en cache peut être configurée directement au niveau du serveur, dans le cas d’un hébergement VPS. Lorsque vous êtes sur un hébergement mutualisé, il sera nécessaire de passer par un plug-in de cache sur votre site WordPress. Ces plug-ins, en plus de vous proposer de la mise en cache, vous proposeront également des optimisations automatiques sur vos pages afin de gagner encore plus en performance. Parmi les solutions que j’ai pu tester, je retiens :

• WP Super Cache. C’est le plug-in gratuit de cache pour WordPress par excellence. Idéal lorsque vous débutez un site internet à petit budget.
• WP Rocket. C’est le plug-in de cache premium par excellence. Je l’utilise depuis des années sur certains de mes sites. Parfaitement configuré, il vous permettra de réduire drastiquement le chargement de vos pages.
• W3 Total Cache. C’est l’alternative gratuite à WP Rocket. Plus compliqué à configurer que son concurrent payant, il pourra tout de même vous mener à d’excellents résultats.
• LSCache par LiteSpeed. Il s’agit ici d’un plug-in gratuit également. Pour le faire fonctionner, un serveur fonctionnant avec LiteSpeed est obligatoire, car LSCache communique avec les ressources matérielles de votre hébergement afin d’optimiser au mieux votre site internet. Il s’agit, à ce jour, de la solution de cache la plus performante devant WP Rocket.

Je vais dédier un comparatif de ces différentes solutions de cache dans un article dédié.

Un site internet performant accessible depuis le monde entier grâce à un CDN

On a vu un peu plus tôt que la localisation de l’hébergement d’un site était importante. Si vos visiteurs sont principalement des Français, il vaudra mieux avoir l’hébergement en France. Car plus un visiteur est proche du serveur qui héberge votre site, plus le temps de réponse sera court. Au contraire, si quelqu’un des USA souhaite accéder à votre site hébergé en France, le temps de réponse sera plus long, car les données doivent faire une route plus longue.

Pour remédier à ce problème de temps de réponse, des réseaux spécifiques au trafic internet ont été créés. Il s’agit des CDN : Content Delivery Network ou en français des Réseaux Livreurs de Contenus. Ces réseaux sont constitués de serveurs placés un peu partout dans le monde et qui contiennent des pages et des requêtes mises en cache.

Lors de la première requête vers votre site, un serveur CDN va prendre du temps pour générer la mise en cache de votre page. Ainsi, un serveur CDN basé à New York aura une « copie » virtuelle de votre site hébergé en France (je vulgarise rapidement, car c’est bien plus complexe que cela). Si un visiteur accède à votre site depuis New York, il chargera la version actualisée du cache créé à New York. La route des données sera plus courte, ainsi que le temps de réponse. Au lieu de charger la page en 10 secondes, votre visiteur New Yorkais aura sa page en moins de 3 secondes. Magique, non ?

Le gros avantage des CDN, c’est qu’ils sont pour la plupart disponibles gratuitement. En effet, afin d’avoir un Internet fluide qui profite à tous, seuls les sites ayant un très gros trafic journalier sont tenus de passer par des offres professionnelles de CDN (comme la plupart des gros sites marchands). Parmi les CDN les plus performants, j’ai pu tester :

• CloudFlare. Il s’agit d’une des références mondiale en termes de CDN. Cloudflare propose un CDN ultra-performant dans sa version gratuite. En version entreprise, de nombreuses options de sécurité sont accessibles pour vous protéger au mieux contre les attaques.
• QUIC.cloud. Il s’agit d’un CDN adapté aux sites internets WordPress. L’intégration à WordPress est très forte, car cette solution passe par le plug-in LSCache. Le combo Serveur LiteSpeed + LSCache + CDN QUIC.cloud vous permettra d’optimiser la majorité des pages et images de votre site afin de rendre ce dernier plus léger, plus rapide et donc plus performant. Contrairement à Cloudflare, la bande passante y est limitée en version gratuite.
• RocketCDN. Il s’agit du CDN de WP-Rocket. Cette solution utilise le réseau StackPath présent aux USA, en Europe et en Océanie. Le CDN est très simple de configuration et s’intègre directement à WP-Rocket. Seul bémol, son abonnement qui viendra s’ajouter à l’abonnement de WP-Rocket. J’aurai souhaité que pour ce prix, il y ait plus de performances qu’avec un CloudFlare gratuit.

Je vais prochainement dédier un article comparatif de ces différentes solutions.

La stabilité et la sécurité d’un site internet performant

Enfin, la quatrième composante d’un site internet performant, c’est la stabilité et la sécurité. Je précise « stabilité et sécurité », plutôt que juste « sécurité » car ces deux termes vont de pair. En effet, on peut avoir un site ultra-sécurisé au point où WordPress devient une usine à gaz et ne parvient même plus à délivrer certaines pages à ses visiteurs. Ici, ce n’est pas l’objectif. L’objectif, c’est d’avoir un site internet performant et fonctionnel, tout en maintenant un assez haut niveau de sécurité pour éviter toute tentative de hack.

Le premier pilier d’un site internet stable reste la déliverabilité de la part de votre hébergeur. En effet, un hébergeur web subit plusieurs pannes par an. Il est aussi amené à effectuer des opérations de maintenance à certains moments de l’année qui affecteront négativement votre site internet.

De ce côté-là, parmi les hébergeurs cités plus haut dans l’article, deux hébergeurs s’en sortent haut la main : Hostinger et Planet Hoster qui promettent des sites internet en ligne, sans coupure, 99% de l’année. Avec une microcoupure des serveurs annuelle en période de nouvel an. On est très loin des performances de certains hébergeurs français comme O2Switch ou OVH… Hum… Hum…

Les protections basiques sur WordPress

L’inconvénient des CMS (Content Magement Software) comme WordPress, c’est que ce sont des systèmes qui sont aux proies à de nombreuses vulnérabilités. Bien que très largement utilisé par plus de 35% des sites internet dans le monde, WordPress reste un système ouvert et libre. On peut y installer tout et n’importe quoi comme thème ou comme plug-in. Si un thème ou un plug-in possède une faille de sécurité, c’est tout votre système qui est exposé aux attaques.

La meilleure réponse à toutes ces attaques pour garder son site internet performant se situe dans vos habitudes ou dans les habitudes de votre webmaster :

• Garder la version de PHP à jour selon les Guidelines officielles WordPress,
• Garder constamment WordPress à jour,
• Ne pas installer n’importe quel plug-in, uniquement des plug-ins vérifiés et régulièrement mis à jour,
• Garder le thème et les plug-ins à jour,
• Supprimer les transients de la base de données régulièrement,
• Faire en sorte d’avoir le minimum de plug-in installé en privilégiant les écosystèmes.

Enfin, il y a trois choses essentielles à mettre en place sur votre site :

• Le certificat SSL avec le passage de votre site en HTTPS pour éviter le vol de données et être indexé par les moteurs de recherche (Really Simple SSL est un must-have en un clic),
• Un système de captcha (reCaptcha) sur vos formulaires, ainsi qu’un anti-spam (Akismet Spam Protection fait bien l’affaire),
• Un système de double authentification sur le login WordPress qui fonctionne avec une application (WP 2FA par WP White Security est parfait et totalement gratuit).

Une fois ces systèmes en place, vous avez les bases pour un site WordPress protégé.

Les solutions de sauvegarde

Votre site internet rate sa mise à jour, vous vous êtes fait pirater, vous avez malencontreusement cassé votre site… Dans ces cas précis, on aimerait pouvoir revenir en arrière…

Sachez que c’est possible !

Tout d’abord, la majorité des hébergeurs proposent des sauvegardes de votre site sous forme de :

• Sauvegarde FTP pour le stockage,
• Sauvegarde de la base de données

Renseignez-vous sur la fréquence de ces sauvegardes et sur la durée de conservation de ces dernières. La plupart des hébergeurs permettent de remonter à 1 mois.

Cependant, parfois, il est assez compliqué de s’en sortir avec ce type de sauvegarde. En effet, parfois, plutôt que de restaurer une ancienne version de son site, on aimerait récupérer la version actuelle, avec les derniers contenus, en omettant juste la partie qui pose problème : un plug-in, un thème ou une mise à jour WordPress par exemple.

Dans ce cas, je ne peux que vous recommander chaudement UpdraftPlus. UpdraftPlus est un plug-in WordPress qui permet d’effectuer des sauvegardes complètes de votre site en séparant les différentes composantes de WordPress : téléchargements, plug-ins, articles, pages, etc. Ainsi, vous pouvez effectuer des restaurations partielles de votre site. Ce qui est très efficace dans certains cas.

Histoire vécue : sur un de mes sites, un malware fut implanté grâce à une injection SQL. Ce malware avait l’intelligence d’être une bombe à retardement. Ce dernier ne se déclenchait qu’à partir d’une certaine date. Impossible de savoir quand ce dernier a été implanté. Seule une restauration de mon site par partie grâce à UpdraftPlus sur une installation WordPress neuve m’a permis de récupérer tout le contenu de mon site.

Les solutions de protection

Sur les ordinateurs, il existe les antivirus et les pare-feu pour se prémunir des attaques du Net. Sachez que sur WordPress, des solutions similaires existent. Ces solutions analysent le trafic entrant et le filtre, comme le ferait un pare-feu. Certaines permettent la vérification des connexions au site, ainsi que la vérification des fichiers du site. Ces solutions permettent de garantir l’accès à votre site internet performant sur le long terme.

Parmi les solutions que j’ai pu tester, il y a :

• Les CDN CloudFlare et QUIC.Cloud. Oui, ce sont des CDN. Et vu que la majorité des attaques sur Internet proviennent de l’étranger, ces attaques viseront les serveurs du CDN plutôt que directement votre hébergement. Et les serveurs CloudFlare et QUIC.Cloud sont munis de protections anti-DDos, ce qui en fait de parfaits protecteurs. En versions payantes, ces deux CDN proposent également de faire passer tout votre trafic par leur pare-feu, ce qui vous protège des mauvais robots et des tentatives de hack sur vos pages sensibles. Et cela même si la tentative a lieu à 2 pas de votre hébergement.
• La Suite Sucuri. Il s’agit ici de la solution la plus complète et la plus efficace que j’ai pu tester à ce jour. En version gratuite, Sucuri veille sur votre site et vous signale toute vulnérabilité ou tentatives de connexions. En version premium, Sucuri garde un œil sur l’intégralité des fichiers de votre site et propose un pare-feu efficace sur le cloud Sucuri. L’avantage de ce type de pare-feu, c’est qu’il maintient les performances de votre hébergement. Sucuri propose également son CDN pour rendre votre site internet performant partout dans le monde. Attention tout de même aux incompatibilités de certificats SSL avec certains hébergeurs (j’ai eu des soucis avec les certificats OVH).
• WordFence. Il s’agit du concurrent historique à Sucuri. WordFence propose une solution complète avec pare-feu dès sa version gratuite. Cependant le pare-feu utilisera les ressources de votre serveur pour filtrer le trafic entrant, ce qui impacte négativement les performances de votre site. Idem pour la vérification de l’intégrité de votre site.

Je vais dédier un article complet sur ces différentes solutions de protection.

Est-ce qu’un pare-feu est vraiment utile ?

Un pare-feu n’est pas utile lorsque vous débutez sur le web. Dès que votre site génère un certain trafic (50 000 visiteurs par mois), ainsi que du chiffre d’affaires, il faudra sérieusement penser à se prémunir d’un pare-feu pour éviter toute attaque à votre encontre.

Tant que ce cap n’est pas atteint, utiliser un CDN CloudFlare ou QUIC.Cloud est amplement suffisant.