Comment améliorer la vitesse de votre site WordPress – Optimisation de la vitesse du site wordpress incroyablement facile et efficace
Tout le monde aime les sites rapides.
Et les sites rapides sont mesurés avec bonnes notes fournies par les outils de vérification des performances de site Web.
Une bonne note parfois ne signifie pas nécessairement un chargement rapide du site Web.
Les moteurs de recherche comme Google vérifient le temps de chargement de votre site Web et ils l’aiment aussi vite que possible.
Depuis que Google passe à «mobile fast indexing», il est très important pour un webmaster de garder sa page très bien optimisée afin de suivre la concurrence.
Cependant, un site Web ne doit pas nécessairement toujours être lent à cause des serveurs Web, il y a également des tâches à accomplir par les webmasters pour rendre un site Web rapide.
La combinaison des deux peut donner une vitesse de chargement impressionnante au site Web.
Les étapes suivantes sont extrêmement importantes pour améliorer le temps de chargement de la page Web.
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
Testez la vitesse de votre site
J’utilise normalement ce site pour tester la vitesse de mes sites Web:
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.
Vous pouvez aussi utiliser les autres outils ci dessous pour effectuer les tests
Outils gratuits pour la vérification des performances du site Web,
https://developers.google.com/speed/pagespeed/insights
https://tools.pingdom.com
https://gtmetrix.com
https://www.webpagetest.org
https://www.uptrends.com/tools/website-speed-test
Tous ces outils de test de vitesse de websites sont précisés dans mon article Les 10 meilleurs outils gratuits de test de vitesse de sites Web depuis différents endroits pour 2021
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
1/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
Je recommende aussi un plugin qui est téléchargé gratuitement de mon site, Flyingpress, qui augmente considerablement la vitesse de votre site
Lisez aussi ced articles
- 8 Top plugins pour accélérer WordPress
- Top 10 des plugins WordPress utiles pour votre blog
- Meilleurs plugins pour accélérer votre site Web WordPress, chargé deux fois plus vite !
2/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é.
Je recommende les plugins suivants
3/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.
4/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.
5/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.
Voir aussi
- Revue sur Bluehost : Hébergement WordPress rapide et abordable pour les blogueurs
- Comparaison Hostinger Vs Siteground Vs InMotion : lequel est meilleur hébergeur WordPress en 2021 ?
- Avis sur SiteGround -Excellent hébergeur Web pour votre blog WordPress
6/Mettez en place un réseau CDN
L’utilisation de CDN peut produire une disponibilité et des performances élevées en allouant le service dans l’espace par rapport aux utilisateurs finaux.
CDN facilite la tâche du serveur en distribuant le contenu au nom du serveur et en réduisant la distance logique entre les utilisateurs et le serveur.
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.
Il existe de nombreux services disponibles de nos jours :
7/. Déchargez les éléments inutiles de votre page
Ne diffusez pas l’élément inutile sur votre page. Vous pouvez regarder la page avec sagesse et décider quels éléments sont réellement requis, puis décharger les composants inutilisés de cette page.
Je suggérerais d’utiliser le plugin AssetCleanup pour trouver et décharger les éléments inutilisés de chaque page de votre site Web.
WordPress par défaut appelle les fonctions des plugins et du thème installés sur chaque page, donc chaque fois que vous n’utilisez pas une fonctionnalité dans une page particulière, envisagez de les décharger.
8/. Envisagez de supprimer les balises méta et les méta contenus inutiles
Essayez d’inclure les seules balises Meta requises par votre page et les robots des moteurs de recherche. Vérifiez ces balises méta que Google comprend.
Ce sont à peu près les choses importantes que vous devez faire pour optimiser les performances de votre page Web, bien que cette configuration puisse prendre un peu plus de temps pour obtenir la forme parfaite.
Article recommendé Meilleurs plugins pour accélérer votre site Web WordPress, chargé deux fois plus vite !
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 🙂
9/Activez la compression GZIP
La compression GZIP permet d’aller plus loin dans la réduction de la taille de vos fichiers HTML, CSS et JavaScript. GZIP est un format de fichier et une application logicielle que vous utilisez pour la compression et la décompression des fichiers. Si GZIP n’est pas activé, vous verrez des erreurs et des avertissements dans les outils de test de vitesse, comme Google PageSpeed Insights ou GTMetrix.
Les plugins de mise en cache mentionnés ci-dessus, comme WP Rocket, aident déjà à la compression GZIP. Cependant, pour le faire manuellement, vous pouvez ajouter les codes suivants dans votre fichier .htaccess :
AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript
10. Désactiver le hotlinking
La pratique du hotlinking consiste à intégrer dans votre contenu des images nécessaires qui ne sont pas hébergées sur votre propre site. La protection contre les hotlinks peut vous faire économiser beaucoup de bande passante en empêchant d’autres sites d’afficher vos images.Pour empêcher le hotlinking, il suffit d’ajouter le code suivant à votre fichier .htaccess :
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)example.com/.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|bmp|zip|rar|mp3|flv|swf|xml|php|png|css|pdf)$ - [F]
Alors, êtes-vous prêt à accélérer votre site Web WordPress ?
En tant que propriétaire d’un site Web, il est de votre responsabilité première de fournir la meilleure expérience aux personnes qui visitent votre site. Maintenant, nous comprenons à quel point il est important d’accélérer votre site Web WordPress pour générer des revenus, en plus d’influencer vos taux de rebond, vos conversions, vos classements de recherche et bien plus encore. Allez-y et faites tourner la baguette magique avec les tests ci-dessus sur votre site Web WordPress, et faites-nous savoir comment cela a fonctionné pour vous.
Pour moi j’ai fait un test avec un de mes sites et cela a changé la vitesse 2 fois plus rapide