7 Hacks d'optimisation de la vitesse du site pour un site Web plus rapide

Publié: 2019-12-18

Avoir un site Web lent peut tuer votre trafic et vos conversions.

Google utilise la vitesse du site comme facteur de classement, et jusqu'à 40 % des personnes quitteront un site Web qui prend plus de trois secondes à se charger. Ce qui est encore plus choquant, c'est à quel point la vitesse du site Web est essentielle pour les conversions : un minuscule retard de 100 millisecondes (ou un dixième de seconde) dans le temps de chargement d'un site peut entraîner une baisse de 7 % des conversions.

Hacks d'optimisation de la vitesse du site

Alors, comment augmenter la vitesse de votre site Web ? Plongeons-nous dans les sept hacks cruciaux d'optimisation de la vitesse du site pour garder votre site Web au top de la concurrence !

1. Activer HTTP Keep-Alive

Par défaut, lorsque les utilisateurs visitent votre site Web, la connexion HTTP se ferme après chaque requête du navigateur du visiteur, ce qui signifie que plusieurs nouvelles connexions doivent être ouvertes avant que votre site Web ne s'affiche entièrement en fonction du nombre de requêtes (feuilles de style, javascripts, images) depuis les navigateurs des utilisateurs. Le résultat est que votre serveur est surchargé de requêtes qui augmentent le temps de chargement des pages.

Un hack simple que vous pouvez utiliser pour augmenter la vitesse de votre site Web consiste à activer HTTP Keep-Alive.

Lorsqu'il est activé, Keep-Alive garantit que la connexion entre le navigateur des visiteurs et votre serveur reste ouverte. Par conséquent, tous les fichiers demandés au cours d'une session particulière seront transférés via une seule connexion sans avoir à créer plusieurs nouvelles connexions pour répondre à chaque demande.

Les avantages de l'activation de Keep-Alive sont nombreux. Premièrement, puisqu'il maintient ouverte la connexion entre un client et votre serveur, le temps nécessaire pour servir les fichiers est réduit. Deuxièmement, le fait que les requêtes soient envoyées sur une seule connexion réduit le temps d'aller-retour (RTT) du fait que le nombre de requêtes de connexion TCP et SSL/TLS est réduit.

Si HTTP Keep-Alive n'est pas déjà activé sur votre serveur, l'activer est assez simple. Il vous suffit d'ajouter le code suivant à votre fichier htaccess :

<IfModule mod_headers.c>
Jeu d'en-tête Connection keep-alive
</IfModule>

2. Planifiez des nettoyages réguliers de la base de données

Vous pouvez également augmenter la vitesse de votre site Web en nettoyant votre base de données. Ceci est particulièrement important si vous utilisez WordPress.

WordPress est très dépendant de la base de données et stocke tout le contenu essentiel, y compris les commentaires, les liens, les rétroliens, les publications, les pages, les entrées de formulaire, les paramètres de plug-in, les paramètres de thème et les paramètres de site Web dans votre base de données. Au fur et à mesure que votre site vieillit et que vous apportez de nombreuses modifications, votre base de données devient de plus en plus gonflée avec non seulement des fichiers essentiels, mais aussi des fichiers sans importance.

Les fichiers sans importance qui peuvent gonfler votre base de données incluent les révisions de publication (parfois des milliers d'entre elles), les publications et commentaires supprimés, les commentaires de spam (parfois des milliers ou des dizaines de milliers d'entre eux), les pingbacks, les rétroliens et les métadonnées de publication en double. La plupart de ces fichiers augmentent inutilement la taille de votre base de données et, par conséquent, augmentent le temps nécessaire pour récupérer les informations de votre base de données, ce qui ralentit votre site.

La solution dans une situation comme celle-ci est de nettoyer régulièrement votre base de données. Vous pouvez le faire en optimisant manuellement vos tableaux, ou vous pouvez utiliser un processus plus automatique en installant un plugin WordPress pour l'optimisation.

Quelle que soit l'approche que vous envisagez d'adopter, il est essentiel de sauvegarder votre base de données et l'ensemble de votre site avant de procéder à son nettoyage. WordPress dépend entièrement de la base de données, et ne pas sauvegarder votre base de données avant d'apporter des modifications à votre base de données peut vous faire perdre l'intégralité de votre site sans recours (en cas de problème).

3. Supprimer les thèmes et plugins inactifs

La suppression des thèmes et plugins inactifs doit également suivre lorsque vous nettoyez votre base de données. Les plugins et les thèmes ont tendance à occuper beaucoup d'espace dans votre base de données, même lorsqu'ils ne sont pas actifs, ce qui entraîne souvent un site Web plus lent.

Vous pouvez vous assurer d'avoir un site Web plus rapide en parcourant régulièrement votre liste de thèmes et de plugins pour vous assurer de supprimer ceux qui sont inactifs. Une fois ces thèmes et plugins inactifs supprimés, vous devez également vous assurer de nettoyer la base de données pour vous assurer que tous les fichiers qu'ils ont laissés sont supprimés.

4. Compressez vos images

L'optimisation de la vitesse du site ne peut être complète sans une optimisation efficace des images. En fait, les images représentent environ 60 % des données chargées sur une page Web moyenne. C'est important, et cela montre qu'une réduction significative de la taille de vos images contribuera grandement à garantir un chargement plus rapide de votre site Web.

Il existe plusieurs façons d'optimiser l'utilisation des images sur votre site sans affecter négativement la vitesse de votre site. La compression de vos images est l'un des moyens les plus efficaces.

Par exemple, Kinsta a pu réduire la taille d'une image de plus de 1 364 %, sans grande perte de qualité, en compressant l'image. Alors que la taille de l'image d'origine était de 2,06 Mo, une version légèrement compressée était de 590 Ko et une version moyennement compressée (sans beaucoup de perte de qualité) était de 151 Ko.

C'est beaucoup d'économies sur la taille de l'image et l'amélioration du temps de chargement de la page qui en résulte simplement en compressant une image. Imaginez maintenant le même scénario pour non seulement une ou deux mais beaucoup plus d'images. Presque tous les outils d'édition d'images vous permettront de compresser/redimensionner vos images sans trop de perte de qualité, mais vous pouvez aller plus loin en installant des plugins WordPress spécifiques.

CONSEIL : Découvrez le logiciel de gestion de site WordPress pour vous aider à gérer l'ensemble de votre site, du contenu à la vitesse du site et tout le reste.

Trouvez le meilleur logiciel de gestion de site WordPress. Découvrez maintenant, gratuitement →

5. Activer le chargement différé

Outre la compression des images, une autre façon d'améliorer le temps de chargement de votre site Web grâce à l'optimisation des images consiste à activer le chargement différé.

Essentiellement, le chargement différé empêche simplement le chargement d'images inutiles lors du chargement de votre site Web, réduisant ainsi considérablement la taille initiale de votre page Web. Par exemple, si vous avez un article de 3 000 mots qui utilise 10 images d'une taille moyenne de 150 Ko, c'est 1 500 Ko qui doivent être chargés à partir des images en plus d'autres éléments de votre site Web.

En activant le chargement paresseux, cependant, puisqu'un utilisateur n'a probablement besoin de voir qu'une seule image à l'écran à la fois, une seule image se chargera initialement (ou aucune image du tout, selon que l'image est présente à l'introduction de votre article ou non) tandis que le chargement des autres images sera différé jusqu'à ce qu'un utilisateur fasse défiler jusqu'à l'endroit où elles se trouvent, ce qui entraînera une économie initiale de 1 350 Ko lors du premier chargement de votre site et un site Web beaucoup plus rapide.

CONNEXION : Vous pouvez utiliser l'une des cinq techniques suivantes pour charger paresseusement des images sur votre site Web.

6. Minimisez les redirections

Au fur et à mesure que votre site vieillit, il est naturel que vous ayez un certain nombre de redirections ; cependant, lorsque les redirections sont mal faites ou lorsque vous avez trop de redirections en place, cela commencera à enliser votre site et à avoir un impact négatif sur le temps de chargement de votre site. Bien sûr, bien que vous ne puissiez presque pas vous passer des redirections, il y a des cas dans lesquels vous devriez vous inquiéter.

Lorsqu'il y a trop de chaînes de redirection

Une chaîne de redirection est lorsque vous avez plus d'une redirection entre l'URL d'origine et l'URL de destination. Par exemple, la page 1 redirige vers la page 3 qui redirige finalement vers la page 5. Dans des cas comme celui-ci, la vitesse du site est souvent affectée négativement. La solution consiste à réduire le nombre de redirections impliquées avant que les utilisateurs n'arrivent à la page de destination.

Quand il y a trop de redirections en général

Bien que cela ne soit pas un problème pour les petits sites, c'est généralement le cas pour les grands sites, en particulier lorsque les redirections sont configurées via htaccess. Lorsque vous commencez à avoir des milliers de redirections, vous voulez vous assurer de les examiner attentivement et de faire le nettoyage nécessaire.

7. Activer la mise en cache

Vous pouvez également améliorer considérablement la vitesse de votre site Web en activant la mise en cache. Lorsque vous activez la mise en cache, les fichiers de ressources de votre site Web sont automatiquement stockés sur l'ordinateur des visiteurs la première fois qu'ils visitent votre site Web. Au lieu que leur navigateur doive faire une nouvelle demande à votre serveur (ce qui peut affecter la réponse du serveur si beaucoup de personnes le font en même temps et entraînent généralement un site Web plus lent), il extrait simplement le fichier de ressources de leur ordinateur et se charge beaucoup plus rapidement.

Les fichiers de ressources pouvant être mis en cache incluent des fichiers clés tels que le logo de votre site Web, des fichiers CSS et d'autres ressources clés. Une fois ces fichiers stockés, chaque page qui utilise ces ressources sur votre site Web se chargera beaucoup plus rapidement puisqu'elles n'ont plus besoin d'être fraîchement téléchargées depuis votre serveur.

Vous pouvez activer la mise en cache en mettant à jour votre fichier htaccess pour utiliser le code suivant, gracieuseté de Varvy.

cache code htaccess


Si vous utilisez WordPress, vous pouvez activer la mise en cache en installant l'un des plugins de mise en cache suivants :

  • Cache total W3
  • Supercache W3
  • Colibri

Conclusion

La mise en œuvre d'un seul des hacks ci-dessus peut entraîner une amélioration significative de la vitesse de votre site Web, entraînant une augmentation du trafic, des conversions et des ventes sans que vous ayez à générer du trafic supplémentaire.

En plus de la vitesse du site, de nombreux autres facteurs affectent le classement de votre page. Pour garder un contrôle sur toutes les mesures du site, trouvez les meilleurs outils de référencement pour vous aider à rester sur la bonne voie et à augmenter la vitesse, le classement et plus encore de votre site Web.

Voir les outils de référencement les plus faciles à utiliser →