Comment faire des sites très rapides ?

Régulièrement je travaille sur des sites Internet qui sont réellement lents. Ces sites peuvent être des sites d'actualités, des sites e-commerce ou des applications web dont le référencement n'est pas toujours nécessaire. Mais, un site rapide c'est toujours un avantage !

Pourquoi la vitesse d'affichage de votre site est important

Le référencement des sites implique de respecter certaines règles. Généralement, on s'attache en premier à la partie technique d'un site pour vérifier que tout fonctionne bien.

Cette partie concerne à la fois l'utilisateur et le moteur de recherche (généralement Google). Je vois ces deux choses comme un seul et même utilisateur :

Un des soucis que j'observe de plus en plus souvent c'est la lenteur.

Tous les référenceurs savent que les moteurs de recherche apprécient un site rapide. C'est logique d'un point de vue technique et c'est aussi logique d'un point de vue utilisateur.

Pour le robot qui va consulter les pages de votre site Internet, plus votre site est rapide et moins il passera de temps sur votre site : cela coûtera donc moins cher au robot de parcourir votre site !

Pour l'utilisateur, si les pages se chargent en quelques millisecondes, il pourra consulter les informations (ou vos produits) très rapidement sans attendre. C'est important car s'il attend trop longtemps, il quittera votre site pour se rendre chez un de vos concurrents.

Comment accélérer votre site ?

Pour accélérer la vitesse de votre site Internet, vous pouvez jouer sur deux choses :

• l'hébergement
• le logiciel de gestion de contenu (CMS) que vous utilisez pour faire tourner votre site

Pour l'hébergement c'est simple à comprendre : pour que votre site soit plus rapide, vous aller acheter un meilleur hébergement, plus puissant avec plus de processeur et plus de mémoire.

C'est un peu comme changer le moteur de votre voiture pour un plus puissant. Cela vous coûtera plus cher mais le résultat sera instanné.

En ce qui concerne le logiciel de gestion de votre site (le CMS), c'est clairement quelque chose de plus délicat. D'une part, il a peut être été utilisé car il s'agit d'un logiciel Open Source sur lequel effectuer des changements peut affecter sa compatibilité avec les futurs mises à jour. Par exemple, les logiciels Wordpress, Joomla!, Drupal ou Prestashop peuvent être de ce type. Si vous modifiez leur fonctionnement pour alléger certains composants, vous risquez de comprommettre les mises à jour futures.

Heureusement, vous pouvez changer de CMS. Mais, dans ce cas, vous devrez réapprendre un nouveau logiciel. Ce qui n'est pas toujours possible.

Le dernier point à regarder sur votre site, et c'est parfois dépendant du logiciel que vous utilisez, c'est si vous pouvez modifier l'affichage des pages. Cette partie s'appelle souvent un "Template" ou un "Thème" dans votre CMS.

C'est ce qui va définir la façon dont s'affiche les informations du site : nombre de colonnes, disposition des éléments, des images, couleurs et taille du texte, informations dans le pied de page ou logo en haut de la page. Bref, ce "Template" contient les informations et les règles qui vont permettre l'affichage de vos pages.

Il est donc intéressant de modifier cette partie car elle ne conditionne pas le bon fonctionnement du logiciel.

Voici quelques conseils pour obtenir un rendu aisé et simple des pages :

• simplier le Javascript : utiliser le moins possible de scripts JS à charger. Ou, si possible, utiliser des CDN très rapides pour assurer un téléchargement aisé
• simplifier le HTML et le CSS : un code HTML complexe associé à des feuilles de styles multiples et complexes peut rendre l'affichage de votre site pénible pour le navigateur Internet (surtout sur les petits écrans comme les tablettes ou les mobiles)

Une fois que vous avez fait toutes ces optimisations, vous pouvez aussi mettre en place un système de cache sur votre CMS.

Ceci dit, d'après mes tests et sur de très bons hébergements, un cache a un effet parfois négligeable. Il faut donc faire des tests pour voir si cela vaut le coup.

Comment avoir tout juste depuis le début ?

Lorsque je me lance dans un nouveau projet de site Internet, je choisis avec attention mes outils. c'est le cas pour la recherche de bons noms de domaines comme pour le logiciel à utiliser pour créer le site.

J'ai tendance à dire qu'un bon ouvrier doit avoir de bons outils. Mais, sélectionner les bons outils pour la bonne tâche n'est pas une chose aisée.

Voici donc comme je créée un petit site pour répondre à ces cas de figure :

• le site doit être rapide
• le site doit fonctionner sur un hébergeur de faible qualité / pas cher
• le site ne sera mis à jour qu'une fois par mois (et encore, si tout va bien...)
• la maintenance du site doit être minimale (pas de mise à jour de CMS, pas de base de données, etc.)
• la sauvegarde du site et sa restauration doivent être simple et limpide

Pour faire tout ceci, voici ce que je fais :

• j'achète un nom de domaine
• je l'héberge sur mon serveur vps configuré en mutualisé ou sur un Start1M de Ovh si possible
• j'utilise un logiciel (custom ou existant) qui génère un site Internet statique : on peut en trouver de nombreux exemples sur ce site
• j'utilise une feuille de style très légère comme base, ma préférence du moment va à purecss (mais un bootstrap allégé peut aussi être intéressant)

Je vais évoquer maintenant les avantages des différents éléments.

Tout d'abord, un hébergement simple et mutualisé évite de passer du temps à faire la maintenance de son propre serveur.

Si vous devez monter votre propre serveur pour cette tâche, il faudra veiller à ce que tout reste simple : peu de logiciels, peu de ports ouverts, etc.

Mon serveur dédié n'a que SSH comme port ouvert et le port 80 de Apache pour servir des pages web. Il n' a pas de base de données MySQL. Mais, je vous recommande de vous tourner vers un hébergeur un minimum sérieux.

L'utilisation d'un logiciel de gestion de contenu qui génére des fichiers statiques HTML fait qu'il est très facile de faire une sauvegarde du site Internet. De même, mettre à jour le site est aussi simple que d'uploader une poignée de fichier sur le serveur FTP de votre hébergeur...

Les fichiers statiques font que votre serveur n'a pas besoin d'avoir un langage de script (PHP, Python, ASP.net ou autre). De même, aucune base de données n'est requise.

Comme vous faites tout sur votre ordinateur, il y a déjà une sauvegarde sur votre machine en plus du site sur le FTP. Si vous avez besoin de faire une sauvegarde sur disque dur externe ou clé USB, il suffit généralement de copier un répertoire ! Pas d'ennui avec une base de données et des fichiers SQL à exporter et recharger en cas de problème...

Enfin, la feuille de styles CSS à utiliser est aussi déterminante. En effet, une feuille de style trop chargée rendra le rendu de la page difficile à votre navigateur qui peut prendre 100 ou 200 ms de plus pour afficher la page, les bonnes polices et les bonnes couleurs.

Simplifier la feuille de style en utilisant à bon escient les frameworks développés en ce sens (n'utiliser que certaines parties de Bootstrap par exemple) ou en utilisant volontairement une feuille de style légère custom pourra accélérer votre site aux yeux des visiteurs.

Conclusion

Avec tous ces conseils, vous connaissez quelques pistes qui vont vous permettre d'améliorer les choses.

Mais sachez qu'il y a bien d'autres pistes à découvrir : les différents systèmes de caches serveur et navigateur, les CDN pour avoir des images et contenus lourds hébergés plus près de chez le visiteur, etc.

Pour d'autres articles sur le référencement et le SEO, cliquez ICI.