Comment améliorer la vitesse de votre site WordPress Optimisation de la vitesse du site wordpress incroyablement facile et efficace

Comment améliorer la vitesse de votre site WordPress Optimisation de la vitesse du site wordpress incroyablement facile et efficace

Comment améliorer la vitesse de votre site WordPress – Optimisation de la vitesse du site wordpress incroyablement facile et efficace

Pourquoi la vitesse du site Web est importante

Tout le monde ici sait que la vitesse du site est très importante – pour une chose, c’est connu pour être un facteur de classement et pour une autre, cela a un effet énorme sur l’expérience utilisateur – un site lent équivaut à une mauvaise expérience utilisateur.

  • 53% des visiteurs abandonnent un site qui prend plus de 3 secondes à charger
  • Google annonce que le temps de chargement est l’un de leurs facteurs les plus importants en ce qui concerne l’expérience utilisateur, et cela est encore plus important en ce qui concerne l’utilisation des appareils mobiles.
  • Un retard de 1 seconde dans le temps de chargement peut entraîner une augmentation de 8% du taux de rebond
  • Un retard de 1 seconde dans le temps de chargement peut entraîner une diminution de 7% des conversions

Tester la vitesse de votre site

J’utilise normalement ce site pour tester la vitesse de mes sites Web:

https://gtmetrix.com/

J’utilise également cet outil pour obtenir des informations détaillées sur ce qui est chargé et quand:

http://www.websiteoptimization.com/services/analyze/

Cependant, autres m’ont conseillé d’utiliser l’un de leurs outils, que j’ai également utilisé précédemment:

https://developers.google.com/speed/pagespeed/insights/

Lorsque vous exécutez cet outil à partir de Google, vous obtenez deux résultats – l’un pour les performances de PC et l’autre pour les performances mobiles.

Vous obtenez une note sur 100, puis vous obtenez des suggestions sur la façon dont vous pouvez améliorer les performances – ces suggestions sont des conseils pratiques adaptés spécifiquement à votre site Web.

Par exemple, il affichera les fichiers CSS qui se chargent avant que la page ne puisse être affichée, les fichiers de script java, la présence ou l’omission ou la compression du site et d’autres indicateurs de vitesse clés.

Meilleurs conseils pour améliorer le temps de chargement des sites webs

Voici quelques-unes des choses les plus importantes que je vais normalement implémenter pour améliorer le temps de chargement du site

Activation d’un plugin de performance

Si vous voulez un plugin gratuit, W3 Total Cache est génial – il est facile à installer et à configurer, et il prendra en charge la plupart des choses courantes pour améliorer les performances telles que la mise en cache du navigateur, la compression de fichiers, la minification CSS et javascript et quelques autres des trucs.

Si vous voulez un plugin premium, optez pour WP Rocket – par expérience, c’est le meilleur plugin que vous pouvez obtenir n’importe où pour l’optimisation de la vitesse wordpress.

Il en vaut la peine et améliore généralement les performances bien plus que d’autres plugins similaires. Si vous n’avez pas WordPress, vous devez obtenir les plugins équivalents pour la plate-forme que vous utilisez, et vous pouvez également activer des fonctionnalités telles que la compression de fichiers à partir de votre serveur Web (Apache / IIS, etc.) – vous pouvez Google comment faire.

Lisez aussi cet artcile8 Top plugins pour accélérer WordPress

Optimisez vos images

C’est une autre étape vraiment importante. L’optimisation de la taille de vos images améliorera considérablement la vitesse de chargement de votre site.

Vous pouvez également obtenir un plugin pour le faire pour vous – si vous utilisez wordpress, je recommande l’optimiseur d’image EWWW – il optimisera automatiquement toutes les images sur votre site wordpress – à la fois nouvelles et existantes – pour une somme modique (au moment de écrit son environ 9 $ par 3000 images).

Avec les paramètres par défaut, cela réduira la taille de vos images sans compromettre la qualité.

Supprimez le CSS bloquant le rendu

La façon dont cela fonctionne est la suivante – habituellement, un site Web charge généralement beaucoup de fichiers CSS et JS avant de produire la partie ci-dessus du site Web.

Cela signifie que le site se charge plus lentement même lorsque parfois ces fichiers ne sont même pas nécessaires jusqu’à ce que l’utilisateur défile vers le bas.

Si vous modifiez cela, de sorte que seuls les fichiers importants soient chargés en premier, puis que le reste soit chargé lorsque cela est nécessaire, ou au dernier point, la vitesse du site est plus rapide et l’expérience utilisateur est meilleure – ils voient tout au-dessus du dossier beaucoup plus rapide et n’attendent pas le chargement de scripts inutiles.

Cela peut être fait dans WordPress comme suit:

Tout d’abord, regardez dans les résultats de l’outil d’analyse de la vitesse de la page-speed insights et recherchez cette rubrique: Éliminez le CSS bloquant le rendu dans le contenu

Développez cette section et vous verrez tous les fichiers CSS sur votre site qui sont chargés avant que la page puisse être entièrement affichée.

Copiez le chemin d’accès complet à chaque fichier CSS, puis ouvrez-le dans une nouvelle fenêtre.

Exécutez une à une cette procédure avec chaque fichier CSS – copiez les données, collez-les dans cet outil –

https://jonassebastianohlsson.com/criticalpathcssgenerator/, ajoutez l’URL de votre site Web à l’outil, puis générez le code CSS critique.

Une fois que vous avez le code critique pour tous vos fichiers CSS, combinez-le puis revenez à votre tableau de bord wordpress.

Installez un plugin appelé – autoptimize.

Allez dans les paramètres de ce plugin, tout d’abord cochez les cases à côté pour optimiser HTML, optimiser JS et optimiser CSS.

Cliquez ensuite sur l’option pour afficher les paramètres avancés, puis cochez “Inline and Defer CSS”.

Collez ensuite le contenu CSS critique dans la zone de texte sous ce paramètre.

Enregistrez ensuite le plugin.

Ce qu’il fait, c’est qu’il charge uniquement les parties critiques de chaque fichier CSS qui permettent au dessus de la page de pliage de s’afficher correctement, puis il reporte le reste des fichiers CSS d’origine jusqu’à la fin du chargement de la page, ce qui donne l’impression que la page se charge beaucoup plus rapide et améliore l’expérience utilisateur.

Combinez les polices Google

Si vous utilisez des polices Google, vous verrez probablement celles répertoriées dans la section de blocage du rendu de l’outil d’analyse. Cela vaut la peine de vérifier si vous avez réellement besoin ou si vous utilisez les polices chargées.

Sinon, vous pouvez les supprimer. Si vous en avez besoin et que plusieurs polices sont appelées, vous pouvez les combiner pour un chargement plus rapide / moins d’appels.

Vous pouvez le faire avec le même plugin utilisé ci-dessus – autoptimize – revenir dans les paramètres de ce plugin, puis aller dans l’onglet extras. Dans la section des polices Google, cochez la case intitulée “Combiner et lier dans la tête”. Enregistrez ensuite le plugin.

Recherchez un hébergeur rapide

Le fournisseur d’hébergement est également important.

Vous voulez un hôte disposant de serveurs rapides – et de préférence un hébergement  utilisant des disques SSD pour des performances plus rapides.

Si vous avez un ou plusieurs sites Web importants, il est important de chercher un bon fournisseur – n’essayez pas d’économiser de l’argent et optez pour les fournisseurs d’hébergement partagé moins chers, sinon vous en souffrirez en termes de performances.

Je recommande d’excellents services d’hébergement répertoriés sur le marché, dont beaucoup vous offriront d’excellentes performances pour votre site Web en termes de temps de chargement.

Mettez en place un réseau CDN

Je recommanderais cloudflare comme CDN (réseau de diffusion de contenu) décent (et facile à configurer).

Fondamentalement, il met en cache puis fournit le contenu de vos sites aux visiteurs en utilisant des serveurs géographiquement aussi proches que possible afin de

a) réduire la charge sur votre serveur Web

b) gagner du temps en fonction d’un nombre de sauts plus petit, etc.

Pour être honnête, ce n’est pas quelque chose avec lequel j’ai beaucoup d’expérience, mais c’est toujours un facteur important en matière d’optimisation de la vitesse et d’expérience utilisateur.

Il présente également de nombreux autres avantages, notamment la fourniture d’une protection DDOS de base.

Après avoir effectué toutes ces modifications, exécutez à nouveau l’outil d’analyse de la vitesse de la page et voyez les améliorations que vous avez 🙂 Pour moi j’ai fait un test avec un de mes sites et cela a changé la vitesse 2 fois plus rapide

Partagez ce site
Avatar

Auteur du Blog

Bonjour, je suis Ilyasse SAWADOGO, auteur de ce blog, j'aime voyager et je n'ai aucune imagination pour nommer des sites Web. Je voyage à travers le monde depuis deux ans et demi, avant d’être professeur d’anglais en Asie. J'ai voyagé par voie de terre du Mexique à la Patagonie, j'ai exploré la majeure partie de l'Asie du Sud-Est et récemment passé quelques mois à errer dans le nord de l'Inde. ma passion est de partager avec vous les sujets qui m'interessent beaucoup dans la vie comme voyage, developpement personnel . Merci de votre visite et votre commentaire