Si vous êtes arrivé jusqu'ici, vous savez bien que la vitesse de chargement d'un site Web est essentielle pour réduire le taux de rebond. Nous entendons par là le nombre de personnes qui viennent sur votre site Web et n'entreprennent aucune action. C’est d’ailleurs une qualité de plus en plus prise en compte par les moteurs de recherche comme Google. Avant d'essayer d'améliorer la vitesse de chargement de votre site Web dans Wordpress, vous devez connaître quelques outils pour la mesurer, nous saurons donc dans un premier temps quelle est la vitesse de chargement et nous pourrons vérifier son évolution tout en apportant des modifications pour l'optimiser.
Vérifier la vitesse de mon site Web
1. Vitesse des pages Google Le premier outil que nous recommandons est Google Page Speed , comme son nom l'indique, c'est l'outil de Google pour mesurer la vitesse de chargement d'une page web. Avec cet outil, vous pourrez connaître la vitesse de votre site dans une plage de 0 à 100. Il nous offre également des informations sur ce qu'il faut améliorer en fonction de la priorité pour améliorer la vitesse de chargement. Cet outil est également utile lorsque vous souhaitez connaître la vitesse sur différents appareils séparément, en offrant des informations à ce sujet séparément sur les téléphones mobiles et les ordinateurs.
2. Osez booster
Dareboost est un outil très complet qui nous indique par scores la vitesse de chargement et la taille de notre site internet. Il propose également des informations très précieuses sur le référencement, la qualité du code, l'accessibilité et la validation W3 avec des erreurs en HTML et CSS. Il indique même quelles technologies sont utilisées comme avatar pour le web, Wordpress, php, etc.
3. GTmetrix
Il est considéré comme l’un des meilleurs outils pour mesurer la vitesse de chargement d’un site. Fournit en détail les pourcentages des caractéristiques de votre site Web qui ralentissent le processus de chargement. De plus, il indique de nombreuses solutions pour remédier à ces problèmes et il y a même la possibilité de montrer une comparaison avec d'autres sites Internet.
Étapes pour optimiser la vitesse de chargement de votre Wordpress
Activer la mise en cache dans Wordpress
Dans Wordpress, les pages sont générées dynamiquement, par conséquent, une série de processus doivent être développés avant de renvoyer la page à votre visiteur. Ces processus ne sont généralement pas lents, mais ils entraînent un délai d'affichage de la page plus long pour le destinataire. Lorsque nous parlons d'activer le cache, nous entendons éviter tous ces processus afin de générer un aperçu de la page que vous souhaitez charger. Ceci est particulièrement utile lorsque plusieurs personnes souhaitent consulter une page en même temps, puisque tous ces processus sont évités à chaque visite. Comment activer les caches dans Wordpress ? Nous l’expliquons ci-dessous.
Pour activer le cache il faudra installer un plugin, les plus pertinents pour cela sont WP Super Cache et W3 Total Cache . Dans ce cas, nous choisirons W3 Total Cache pour activer le cache, ci-dessous nous vous montrerons les étapes à suivre pour activer correctement le plugin :
Ensuite, nous démembrerons la structure du plugin. D'une part nous trouvons Page Cache , qui est le module de base qui établit le cache et permet de le sauvegarder dans plusieurs destinations. D'autre part, il y a Minify , chargé d'optimiser le code HTML, CSS et Javascript, ce module est peut-être le plus complexe à configurer, surtout si l'on débute par là. Cache de base de données , pour les requêtes de base de données. Nous parlerons ensuite d' Objetc Cache , très utile pour configurer un cache d'objets pour des systèmes comme Memcached ou APC avec W3 total Cache. Si le module doit être configuré sur de grandes pages Web, le module Browser Cache sera très utile. Si nous parlons de filtres, les groupes d'agents utilisateurs sont le meilleur système et servent également un cache différent pour chaque groupe. Pour filtrer par référents, nous utiliserons le groupe de référents . Pour finir, nous parlerons de CDN , qui intègre W3 Total Cache à d'autres systèmes de cache.
Désinstallez les plugins que vous n'utilisez pas
Cette étape est très simple et basique mais peut-être l'avons-nous négligée, il est important de désinstaller les plugins que vous n'utilisez pas dans votre Wordpress, car ceux-ci peuvent ralentir la vitesse de chargement de notre page.
Disques SSD
L'efficacité des disques mémoire SSD a déjà été démontrée, et les CMS comme Wordpress qui utilisent largement MySQL génèrent des serveurs beaucoup plus rapides avec ces disques. Les SSD ne présentent pas que des avantages, ils sont plus chers et offrent moins d'espace, mais en termes de vitesse de chargement, ils sont bien meilleurs que les disques durs.
Images de référencement
L'un des problèmes possibles qui surviennent avec de nombreuses pages Web est que les images ne sont pas optimisées pour une vitesse de chargement considérablement rapide. À ce stade, nous verrons quelles étapes doivent être prises en compte pour que toutes les images de notre Wordpress soient optimisées pour Wordpress.
- Format pour les images SEO Wordpress . Le format principal que doivent avoir les images que nous téléchargeons sur Wordpress doit être JPEG , car c'est celui qui nous donnera le meilleur rapport qualité/poids. Bien que nous puissions également utiliser d'autres formats tels que PNG ou GIF. Bien que l'utilisation d'un format ou d'un autre dépendra de l'usage que l'on souhaite donner à l'image. S'il s'agit d'une image simple et avec peu de couleurs, nous utiliserons GIF, cependant, si c'est pour une image claire et avec beaucoup de couleurs comme une photo, nous utiliserons JPEG, et si nous voulons une image de haute qualité avec transparence , nous utiliserons PNG , même s'il sera beaucoup plus lourd et augmentera donc le temps de chargement de notre site Web.
- Images de noms SEO . Un autre point important lors de l’optimisation d’une image est le nom que nous lui donnons puisque c’est l’un des éléments que les moteurs de recherche comme Google utiliseront pour comprendre à quoi fait référence l’image. Si l'on veut positionner la page sur laquelle l'image va être intégrée comme "salon de coiffure pour hommes", cette image doit avoir un titre en rapport avec cela, comme par exemple "salon de coiffure pour hommes". Il faut écrire le nom du fichier en séparant les mots par des tirets, en lettres minuscules et sans aucun signe de ponctuation.
- Taille des images . La plupart des moteurs de recherche, comme Google, récompensent les images avec un poids inférieur, car ils ont également tendance à donner la priorité aux versions réactives et celles-ci doivent contenir des images optimisées pour les téléphones mobiles. Tout d'abord, lors de la sélection de la taille de nos images, nous devons vérifier qu'elles n'ont pas un poids supérieur à 50 ou 60 Ko. Bien que Wordpress nous offre la possibilité de redimensionner l'image une fois que nous l'avons téléchargée, nous ne devons pas prendre en compte cette option, car elle continuera à avoir la taille originale avec laquelle elle a été téléchargée. Pour enregistrer une image avec un certain poids, nous pouvons utiliser le programme Photoshop. De là, nous cliquerons sur « Enregistrer pour le Web » et nous pourrons sélectionner le type de format, qui dans notre cas serait JPEG et le poids que nous pourrons ajuster en diminuant ou en augmentant le nombre de pixels.
- Mettez des balises sur les images . Les balises suivantes que nous expliquerons ci-dessous aideront Google à savoir de quel type d'image il s'agit. Il est indispensable d'ajouter un attribut ALT et un titre. Il est également conseillé d'utiliser les balises « largeur » et « hauteur » pour préciser les dimensions. De plus, on peut également introduire le label "LONGDESC", celui-ci sert à compléter le label ALT.
Plugin Jetpack dans Wordpress
Avec ce plugin vous pouvez simplifier la gestion de votre page dans Wordpress. C'est un outil entièrement gratuit. Entre autres fonctions, ce plugin facilite la croissance et l'analyse du trafic, et nous aidera également avec les performances des images.
Avec jetpack, vous pouvez optimiser et accélérer automatiquement les images de votre site Web, cela est possible grâce au réseau mondial de diffusion de contenu de Wordpress.com. Avec cela, vous économiserez de la bande passante et réduirez les coûts.
WP Smush, optimisation d'image
Ci-dessous, nous présentons un autre des meilleurs modules Wordpress pour redimensionner et optimiser toutes vos images avec une puissance incroyable, WP Smush . De plus, vous pouvez en profiter totalement gratuitement. Ce plugin scanne minutieusement chaque image que vous téléchargez ou qui est déjà ajoutée à votre site web, éliminant tous les éléments inutiles de ces images pour les rendre moins lourdes et ainsi augmenter la vitesse de chargement de votre site.
Gardez la connexion active
Cette fonction, également appelée HTTP keep-alive, peut être activée depuis la plupart des systèmes de cache, vous pouvez également la conserver en ajoutant quelques lignes au fichier .htaccess de votre hébergement :
Optimisation de la base de données
Avec le Web 2.0, toutes les informations de notre site Internet sont stockées dans une base de données qui s'agrandit et il est fréquent que des déchets soient générés. Il peut s'agir de données que nous n'utilisons plus et qui doivent être supprimées pour accélérer les vitesses de chargement. Le nettoyage de la base de données est un processus automatique et très simple à réaliser nous-mêmes, il suffit d'aller dans la colonne de gauche pour voir les tables, de là, de les marquer toutes et de cliquer sur l'option "Optimiser" dans la liste déroulante.
Nous espérons que toutes ces étapes à suivre vous ont été utiles, vous pouvez en inclure davantage dans les commentaires et nous aider à compléter les informations contenues dans le post. Chez Línea Gráfica, nous vous conseillons sur tout ce qui concerne le commerce en ligne et les boutiques Prestashop. Consultez-nous sur notre site Internet sans engagement.
