10 façons d’accélérer le chargement de votre Site Web

Faire en sorte que votre site Web se charge à une vitesse fulgurante n’a jamais été aussi important. Avec chaque mise à jour progressive de l’algorithme, Google donne la priorité à un contenu de haute qualité et à des expériences utilisateur exceptionnelles.

La vitesse de chargement d’un site Web est un élément crucial pour offrir cette expérience utilisateur exceptionnelle. En fait, l’utilisateur moyen se retire d’un site Web si cela prend plus de temps que juste 3 secondes charger.

Pourquoi la vitesse d’un site web est-elle importante ?

De nos jours, les consommateurs s’attendent à ce que les pages Web se chargent rapidement. En fait, 40 % ont déclaré qu’ils abandonneraient un site s’il mettait plus de trois secondes à se charger.

La meilleure chose que vous puissiez faire pour votre entreprise est d’avoir un site WordPress rapide. Si vous n’y parvenez pas, vous perdrez sans doute de l’argent et du trafic. Cela est dû au fait que les consommateurs en ligne sont légèrement impatients.

En fait, plus de la moitié des utilisateurs mobiles admettent avoir abandonné une page uniquement en raison de la lenteur de son chargement. Il convient également de noter que les sites Web dont la vitesse de chargement est de 1 à 2 secondes affichent des taux de conversion près de trois fois supérieurs à ceux qui se chargent en 5 à 10 secondes.

Pire encore, si vos sites Web ont une vitesse de chargement plus lente, cela peut empêcher des consommateurs potentiels de vous trouver.

Google a récemment annoncé que la vitesse des pages deviendra un facteur de classement dans les recherches mobiles. Cela signifie qu’un site lent aura un impact négatif sur votre classement dans les moteurs de recherche.

S’il y a jamais eu un moment pour apprendre à accélérer les sites WordPress, c’est maintenant.

10 façons d’accélérer le chargement de votre Site Web

1) Optez pour une meilleure société d’hébergement Web

Votre hébergement Web ne coûte que 3 $ / mois? C’est super.

Mais rappelez-vous ceci: vous en avez pour votre argent. L’industrie de l’hébergement Web est extrêmement compétitive. Les entreprises massives essaient constamment de se sous-estimer sur le prix, tout en ignorant essentiellement la qualité de leur service.

Il regorge également de spécialistes du marketing affiliés. Des entreprises comme Bluehost vous paient autant que 130 $ pour chaque client que vous envoyez. En conséquence, tout le monde recommande Bluehost. Bluehost n’est pas un mauvais service, mais c’est loin d’être le meilleur.

Et si vous essayez vraiment d’améliorer le classement Google de votre site Web, les performances et les vitesses de chargement sont extrêmement importantes. Et vous ne trouverez pas ça à 3 $ / mois. C’est précisément pour cette raison que j’héberge tous les sites Web de mes clients sur un serveur dédié haute performance et non pas sur un serveur partagé.

Au début, un serveur partagé peut sembler être une bonne affaire. Mais il a un autre prix : une vitesse de site incroyablement lente et des temps d’arrêt fréquents pendant les périodes de fort trafic.

Investissez dans un hébergement approprié.

Si vous prévoyez de publier des articles qui potentiellememt seront populaires, vous vous faites du mal en utilisant votre site WordPress sur un hébergement mutualisé.

Les hébergeurs WordPress que je recommande sont :

Les hébergeur à éviter :

  • SiteGround
  • Bluehost
  • HostGator
  • GoDaddy
  • Hostinger
  • WP Engine

2) Supprimer les plugins inutiles

WordPress est la plate-forme de conception Web la plus populaire au monde pour une bonne raison. L’un de ceux-ci étant les milliers de plugins disponibles pour personnaliser entièrement votre site Web à votre guise.

Le problème est que la plupart d’entre eux sont nulles. Et des milliers de plugins évalués 5 étoiles pourraient saboter secrètement les vitesses de chargement de votre site Web…

La réponse ici est d’installer uniquement des plugins qui sont absolument essentiels à l’expérience de votre site Web.

Pour savoir quels plugins ralentissent votre site Web, vous devez passer par un processus minutieux de suppression de chacun d’eux un par un, puis de nouveau test pour voir si cela a eu un impact sur les performances de votre site. Ou pouvez également utiliser Query Monitor pour trouver les plugins lent

Et cela ne s’applique pas seulement à WordPress, d’ailleurs.

La plupart des grandes plates-formes de conception Web proposent des plugins de quelque sorte.

3) Utilisez la mise en cache

Qu’est-ce que la mise en cache?

La mise en cache est une méthode de stockage de certaines parties de votre site Web sur les ordinateurs de vos visiteurs, partageant ainsi la charge de travail avec les serveurs du site Web.

Cela améliore considérablement les vitesses de chargement lorsque vos visiteurs reviennent sur votre site. Par exemple, au lieu de charger l’image d’en-tête principale à partir de zéro à chaque fois, la mise en cache vous permet de charger cette image la première fois que votre visiteur arrive sur votre site, puis de la stocker sur son ordinateur au cours du processus.

La prochaine fois que ce visiteur se rendra sur votre site Web, son ordinateur chargera l’image localement, plutôt que directement à partir du serveur de votre site Web. Il va sans dire que c’est l’un des composants les plus critiques de la performance d’un site Web.

WP Rocket et LiteSpeed sont les standards en terme de plugin de cache (comparaison complète des 2 plugin ici). La raison pour laquelle WP Rocket est si bien noté est qu’il est livré avec plus de fonctionnalités de vitesse que la plupart des autres plugins de cache (résultant en plus d’optimisations de vitesse et moins de plugins nécessaires sur votre site).

4) Optimiser vos images et vidéo

C’est le moyen le plus simple et le plus simple d’accélérer la vitesse de chargement de votre site Web. Il existe de nombreuses façons d’optimiser les images.

Compresser les images

Vous connaissez toutes ces superbes photos gratuites que vous aimez ajouter à votre site?

Elles sont massives. Si vous téléchargez ces photos, puis que vous les téléchargez sur votre site en l’état, vous faites une énorme erreur.

Il existe un certain nombre de façons dont vous pouvez compresser et optimiser vos images, mais voici la méthode simple que j’utilise:

Utilisation de Photoshop pour réduire la taille des images :

  1. Ouvrez votre photo avec Photoshop
  2. Allez dans Image> Taille de l’image
  3. Réduisez la largeur et la hauteur de l’image  – La plupart des images que vous téléchargez ou achetez seront beaucoup plus grandes qu’elles ne devraient l’être. Par exemple, 4000 pixels trop grand.Tout ce que vous avez à faire est de réduire le nombre pour la largeur et la hauteur. D’une manière générale, vous ne devriez jamais vraiment avoir besoin d’une image d’une largeur supérieure à 1920 px. Réglez-le sur cela, puis cliquez sur Enregistrer.
  4. Allez dans Fichier> Exporter> Enregistrer pour le Web – Le déroulement de cette opération peut être un peu différent pour votre version de Photoshop. Mais cela devrait être dans le même domaine général.
  5. Choisissez vos options de compression d’image – La majorité de vos photos peuvent être enregistrées au format JPEG LOW. Si vous avez besoin d’un arrière-plan transparent, assurez-vous de sélectionner PNG-8. La qualité est établie sur une échelle de 1 à 100. Je ne vais généralement jamais au-dessus de 5-10. Vous remarquerez que 90% de la qualité est de toute façon préservée. Cliquez ensuite sur Enregistrer.
  6. Nommez votre nouvelle image et cliquez sur Enregistrer – Gardez-le simple et pertinent afin qu’il soit facile de rechercher plus tard.

Vous pouvez également utiliser un plugin comme ShortPixel Image Optimizer ou encore Imagify.

Dimensionnez correctement les images

Redimensionnez les grandes images pour les réduire. Certains plugins détectent les images trop grandes et les redimensionnent automatiquement, mais il est préférable d’utiliser les tailles correctes avant de les télécharger.

Ajoutez un attribut width/height au HTML de l’image. WP Rocket a une option pour ajouter les dimensions d’image manquantes qui devrait résoudre ce problème.

Définir une largeur et une hauteur explicites des images pour améliorer la vitesse de votre site (GUIDE)

Utilisez le format WebP pour vos images

Utilisez un plugin WebP (ou votre plugin d’optimisation d’image s’il est pris en charge) pour convertir les images en WebP, qui est censé être plus rapide et de meilleure qualité que JPEG/PNG.

Activez WebP Cache si vous utilisez WP Rocket. Ceci est appelé « servir les images dans le format next-gen » dans PSI.

Utilisez le chargement paresseux ou lazy loading pour images et vidéos

Le lazy loading est exactement ce à quoi cela ressemble.

Plutôt que de charger le contenu d’une page Web entière dès qu’un visiteur arrive sur la page, il ne chargera que ce dont il a besoin pour voir sur son écran tout de suite. Ensuite, au fur et à mesure que le visiteur fait défiler vers le bas, il chargera le reste du contenu.

Ceci est particulièrement utile pour les pages contenant beaucoup d’images et de vidéos, qui peuvent occuper une grande partie des ressources de votre site Web. Selon la plate-forme que vous avez utilisée pour créer votre site Web, cette fonctionnalité peut être ou ne pas être facilement disponible.

WP Rocket à une options qui fonctionne très bien pour gérer ça.

Supprimer les arrière-plans vidéo

Je sais, celui-ci est difficile à entendre. Les arrière-plans vidéo sont cool et à la mode. Mais si vous ne les faites pas correctement, ils peuvent absolument détruire les vitesses de chargement de votre site Web.

Et si vous êtes ici en train de lire ceci, je peux vous assurer que vous n’en savez pas assez sur la conception Web pour implémenter correctement les arrière-plans vidéo sur votre site. (la vérité fait parfois mal).

Supprimez la vidéo et mettez une image de haute qualité avec un titre super convaincant à la place. Vos vitesses de chargement s’amélioreront instantanément. Je le garantis.

5) Nettoyez votre base de données

Si vous n’y prenez garde, votre base de données WordPress commencera à s’encombrer au fil du temps. Et cela peut ralentir votre site. Cependant, avec des nettoyages réguliers, vous pouvez réduire la taille de votre base de données pour un chargement plus rapide.

Par exemple, les révisions d’articles peuvent occuper une grande partie de l’espace inutilisé. Si vous avez un article qui représente 100 Ko de données et qu’il y a cinq révisions de cet article, l’espace total gaspillé est d’environ 500 Ko.

Le nettoyage de votre base de données peut être effectué manuellement par le biais de phpMyAdmin, mais il peut s’avérer délicat et dommageable si vous ne savez pas ce que vous faites. Si vous n’êtes pas un as de la technique, l’installation d’un plugin pour accomplir cette tâche est plus sûre.

De nombreux plugins de cache ont des nettoyages automatiques de la base de données, mais ils ne suppriment pas les tables laissées par les plugins qui sont créées lorsque vous supprimez un plugin. Pour ce type de nettoyage, je recommande d’installer WP Optimize de temps en temps. Installez-le puis supprimez les tables des anciens plugins marqués comme « non installés » si vous ne prévoyez pas d’utiliser à nouveau un plugin.

Programmez des nettoyages continus de la base de données (vous pouvez utiliser WP Rocket).

Supprimez les tables inutilisées (avec WP-Optimize) après avoir supprimé un plugin.

6) Supprimer toutes les fenêtres contextuelles

Les pop-ups sont mauvais. Pour tout le monde. Ils sont collants. Vos visiteurs les détestent. Ils convertissent mal. Et ils ralentissent votre site Web.

Même Google les déteste maintenant. Alors débarrassez-vous d’eux.

Si vous n’arrivez pas à inciter les gens à s’abonner à votre newsletter sans le leur jeter au nez et en les trompant avec un « Super Amazing Checklist eBook Guide que vous ne pouvez obtenir que si vous vous abonnez », alors vous devez travailler sur vos compétences en écriture.

Faites de bonnes choses. Les gens voudront lire et regarder. C’est si simple.

8) Optimisez les commentaires

Limitez les commentaires par page

Même si c’est génial de recevoir autant d’attention sur vos articles de blog, une tonne de commentaires peut également ralentir le temps de chargement des pages. La division de la section des commentaires en plusieurs pages est une bonne idée pour réduire le temps de chargement des pages.

Pour limiter le nombre de commentaires qui apparaissent par page, il suffit d’aller dans Paramètres -> Discussion et de cocher la case « Répartir les commentaires en pages« . Vous pouvez ensuite sélectionner le nombre de commentaires par page (la valeur par défaut est de 50).

Cette fonctionnalité devrait permettre d’améliorer la consommation de mémoire et d’augmenter le temps de chargement des pages pour les articles et les pages contenant beaucoup de commentaires.

Éliminer les pingbacks ou des trackbacks

Bien que vous n’ayez peut-être jamais entendu parler des pingbacks ou des trackbacks, ils sont considérés par certains comme une fonctionnalité ancienne. Cependant, il est toujours bon de s’assurer qu’ils sont désactivés, car ils peuvent entraîner des ralentissements de la vitesse des pages.

Pour désactiver les pingbacks et les trackbacks, il suffit d’aller dans Paramètres -> Discussion et de s’assurer que l’option « Autoriser les notifications de liens provenant d’autres blogs… » est décochée.

 

9) Choisissez un thème plus simple

La majorité du Web est construite à partir de thèmes. La qualité et les performances des thèmes de sites Web se sont améliorées de manière si spectaculaire qu’il est rarement logique de coder un site Web à partir de zéro. Cela dit, il y a encore pas mal de ratés.

Au fil des ans, de nombreux thèmes ont tenté d’incorporer chaque fonctionnalitépossible.

En conséquence, ils sont souvent jolis mais fonctionnent mal. Évitez ces thèmes gonflés comme la peste. Rester simple.

Vous voulez quelque chose qui rendra l’expérience de vos visiteurs fantastique. Un bon thème garantit que le contenu du site est au centre de l’attention.

En tant que visiteur, vous ne devriez même pas remarquer quel thème est utilisé. Si vous avez l’un de ces thèmes gonflés, supprimez-le pour quelque chose de plus simple.

10) Mettez en œuvre le vôtre réseau de diffusion de contenu (CDN)

Un ensemble de serveurs mondiaux partagent les fichiers statiques d’un site Web, tels que CSS ou JavaScript, et ils fournissent à partir du serveur le plus proche de l’emplacement physique de l’utilisateur.

Guide pour configurer Cloudflare sur WordPress

En d’autres termes, lorsqu’un utilisateur clique sur une vidéo, le fichier se charge plus rapidement car il est distribué à partir d’un serveur à proximité. Les plus grands sites Web mettent en œuvre des CDN pour garantir aux visiteurs du monde entier une expérience beaucoup plus accessible et rapide.

11) Conseils bonus pour améliorer la vitesse de chargement de votre site web

Supprimez les Javascript et CSS qui bloquent le rendu

Si vous avez utilisé des outils de test de page pour tester la vitesse de votre site Web, vous avez peut-être rencontré cette recommandation qui peut être difficile à comprendre. Si vous regardez la vue en cascade de votre page avec GT Metrix, vous verrez probablement qu’il y a un certain nombre de fichiers JavaScript (fichiers .js) qui se chargent avant la ligne « start render ». C’est ce qu’on appelle le « render-blocking JavaScript« .

La fonction principale de JavaScript est d’exécuter une action sur une page Web, comme une fenêtre contextuelle ou la rotation d’images dans votre curseur. En réalité, ces actions n’ont pas besoin d’être chargées avant que votre site ne charge entièrement le contenu et les styles.

Ainsi, en disant « différer l’analyse JavaScript », ces outils disent en réalité « charger ces éléments plus tard dans la page plutôt qu’en haut ». Il existe quelques plugins qui peuvent vous aider à différer ce JavaScript, notamment WP Critical CSS.

5 astuces pour éliminer les ressources bloquant le rendu et accélérer votre site web

Réduire les CSS, HTML et JavaScript

Au fil du temps, les CSS, HTML et autres fichiers de code source peuvent s’accumuler et faire en sorte que votre site fonctionne comme de la mélasse. Pour donner à votre site une injection de vitesse, vous devriez envisager de minifier son code.

Encore une fois WP Rocket vous permet de faire ça.

À quelle vitesse un site doit-il se charger ?

Alors, à quelle vitesse un site doit-il être chargé ?

Selon Google, la meilleure pratique consiste à maintenir les temps de chargement à trois secondes ou moins. Les résultats montrent que lorsque les temps de chargement passent de une à trois secondes, la probabilité d’un rebond (un utilisateur qui quitte immédiatement le site) augmente de 32 %.

De plus, pour les pages dont le chargement prend cinq secondes ou plus, la probabilité d’un rebond augmente de 90 %. Si vous voulez retenir les visiteurs plutôt que de les faire fuir, vous devez donc vous efforcer d’obtenir des temps de chargement moyens inférieurs à trois secondes (et idéalement plus rapides).

Comment la vitesse de votre site Web influence votre visibilité et votre SEO ?

Maintenant que Google prend en compte la vitesse pour classer les sites, vos temps de chargement peuvent également influencer la facilité avec laquelle les utilisateurs peuvent vous trouver en premier lieu.

C’est d’autant plus vrai maintenant qu’il déploie son index mobile-first. Depuis 2018, le moteur de recherche a commencé à classer tous les résultats de recherche en fonction des versions mobiles des pages.

Les recherches sur mobile ont dépassé les recherches sur ordinateur de bureau pour la première fois en 2015, et sa part dans l’ensemble des recherches ne fait que croître.

Cela signifie que Google a tout intérêt à adapter ses résultats de recherche aux utilisateurs mobiles. Il ne veut pas diriger ses utilisateurs vers des sites qui ne se chargent pas ou ne fonctionnent pas bien sur leurs appareils.

En conséquence, l’expérience des utilisateurs mobiles jouera désormais un rôle majeur dans le classement des recherches, même dans les résultats des recherches sur ordinateur.

C’est exactement le contraire de la façon dont l’index fonctionnait auparavant.

L’expérience des utilisateurs est depuis longtemps un facteur de classement, mais avant ce changement, l’index ne tenait compte que de l’expérience des ordinateurs de bureau. Ainsi, même si un site offrait une expérience mobile médiocre, il avait encore une chance d’être classé en première page.

Ce n’est plus le cas aujourd’hui.

Désormais, les pages sont indexées et classées en fonction de l’expérience qu’elles offrent aux utilisateurs mobiles.

Accélérez votre site Web mobile

Si vous voulez maintenir (ou améliorer) votre classement et votre visibilité, il est donc essentiel de savoir comment réduire le temps de chargement d’un site Web. Vous devez avoir un site qui offre une expérience utilisateur rapide et facile – sur n’importe quel navigateur ou taille d’écran.

Comment tester la vitesse de chargement de votre site Web ?

Il existe de nombreux testeurs de vitesse et de performances en ligne gratuits.

Mon préféré est GTMetrix. Étant donné que les résultats peuvent varier considérablement en fonction de l’outil que vous utilisez pour tester votre site, il est important de toujours être cohérent.

7 bonnes pratiques de test de performances WordPress

Utilisez le même outil pour tester à la fois avant et après avoir apporté les modifications à votre site.

En voici quelques autres à essayer si GTMetrix est trop intimidant pour vous:

Assez simple, non? Assez simple pour que vous n’ayez plus d’excuses pour vous mettre au travail pour améliorer les vitesses de chargement de votre site Web. Faites-moi savoir combien de temps vous avez réduit votre vitesse de chargement dans les commentaires ci-dessous!

Laisser un commentaire