10 façons efficaces et faciles d'accélérer le site WordPress

Publié: 2016-12-23


10 Effective and Easy Ways to Speed up a WordPress Site

10 façons efficaces et faciles d'accélérer un site WordPress

À l'ère moderne, un grand nombre d'entreprises ont eu recours à la puissance du vénérable WordPress - il n'est donc pas surprenant que la vitesse de chargement des sites WordPress soit un facteur critique pour le succès de l'entreprise. Sans tergiverser, les sites WordPress lents qui rampent comme de la mélasse nuisent à votre entreprise. C'est pourquoi il est extrêmement important de garantir un site Web ultra-rapide, à la fois SEO et convivial, suscitant un engagement exceptionnel des utilisateurs ainsi que de précieuses pages vues.

Dans cet article de recherche approfondi, notre équipe technique consciencieuse a entrepris divers tests internes pour déterminer les facteurs qui peuvent accélérer un site Web WordPress et finalement lui permettre de devenir aussi convivial que possible pour le référencement.

Les étapes méticuleuses que nous avons entreprises pour accélérer notre site WordPress de test étaient les suivantes :

  1. Installation du plug-in de cache WordPress et mise en cache du navigateur
  2. Minification CSS et JavaScript
  3. Optimisation des images
  4. Activer la compression gzip, et
  5. Utilisation d'un réseau de diffusion de contenu (CDN)

Après avoir effectué ces étapes, le site a déjà commencé à présenter quelques améliorations de vitesse, mais il n'était pas encore à la hauteur des exigences. Dans les étapes suivantes, nous avons ajouté plusieurs étapes supplémentaires pour que notre expérience soit plus complète et surtout orientée vers des résultats concrets. Naturellement, pour suivre les instructions, nous vous recommandons d'avoir des connaissances WordPress intermédiaires/débutantes et des compétences de dépannage, afin que vous puissiez suivre avec plaisir chacune des instructions suggérées.

Pendant la durée de nos diverses expériences, nous avons utilisé l'outil Google Page Speed ​​Insight pour mesurer la vitesse réelle de la page sur un score de 100. Plus le score est élevé, plus le site Web est rapide. Cet outil a également indiqué plusieurs facteurs négatifs responsables du ralentissement du site WordPress et a proposé des suggestions pour agir sur l'augmentation de la vitesse du site WordPress.

De peur que nous ne soyons accusés de tests de laboratoire qui échouent dans le monde réel, nous avons tourné ces outils et notre expertise vers le blog de l'un de nos clients, avec des réponses lentes, aucun utilisateur n'allait avoir une bonne première impression, donc leur objectif était d'urgence et accélérer considérablement leur site WordPress. Après avoir effectué toutes les étapes soigneusement énumérées ci-dessous, nous avons résolu avec succès la totalité des problèmes de vitesse WordPress du client et avons obtenu un score exemplaire de 100/100 avec l'outil Google PageSpeed.

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

Voici les 10 meilleures façons simples d'accélérer votre site WordPress

  1. Choisissez le meilleur fournisseur d'hébergement Web
  2. Installer le plug-in de cache WordPress et tirer parti de la mise en cache du navigateur
  3. Minifier CSS et JavaScript
  4. Optimiser les images
  5. Activer la compression Gzip
  6. Vider la corbeille et optimiser la base de données WordPress
  7. Utiliser le réseau de diffusion de contenu
  8. Réduisez les révisions de publication et désactivez les rétroliens et les pingbacks
  9. Diviser les commentaires et les messages longs en pages
  10. Ne téléchargez pas de vidéos directement sur WordPress

1. Choisissez le meilleur fournisseur d'hébergement Web

Cela devrait être évident, mais soyons honnêtes, ce n'est pas toujours simple. Cela vaut la peine de faire des recherches approfondies avant de déposer de l'argent, et cela s'apparente aux fondations de votre maison - le tout dernier domaine sur lequel vous voulez être avare. Avant même de commencer à optimiser votre site WordPress, assurez-vous que votre fournisseur d'hébergement Web ne ralentit pas votre site Web de son propre gré. Les fournisseurs d'hébergement Web, malheureusement, survendent fréquemment leurs serveurs, ce qui aura un impact négatif sur le temps de réponse extrêmement important de votre serveur.

Si le temps de réponse de votre serveur est supérieur à 200 millisecondes (ms), le test Google PageSpeed ​​signalera par un drapeau rouge agité votre "temps de réponse réduit du serveur". Cela indique probablement que votre serveur d'hébergement Web est lent et que vous devrez contacter directement votre hébergeur pour améliorer le temps de réponse du serveur. Les différences entre les fournisseurs peuvent être frappantes. Ici, par exemple, nous avons effectué un test PageSpeed ​​pour le blog WordPress de notre client avant de le migrer vers notre environnement d'hébergement. Les résultats parlent d'eux-mêmes et vous pouvez jeter un coup d'œil sur les résultats des tests spectaculaires ci-dessous.

Google Page Speed Insight Feedback to Reduce Server Response Time

Les résultats des tests sont indiqués à côté du drapeau rouge susmentionné nous demandant utilement de "réduire le temps de réponse du serveur". Merci Google ! Ce délai épouvantable a été mesuré à environ 4,2 secondes lentes inacceptables. Ainsi, en raison du temps de réponse médiocre du serveur, le score PageSpeed ​​du site Web a été réduit à un maigre 68. Nous pourrions faire beaucoup mieux, car il est dit que les sites WordPress avec des temps de chargement de page inférieurs à 2 secondes sont bons. Idéalement, cependant, vous devriez vous efforcer de le faire aussi vite que possible. Google suggère même, selon leur perspicacité PageSpeed, que idéalement la réponse du serveur devrait être exceptionnellement rapide et maintenue en dessous de 200 ms.

Quel est le score PageSpeed ​​de votre site WordPress ? Cliquez ici pour en savoir plus.

Suite à ce test principal, nous avons naturellement migré le site WordPress de notre client vers notre plateforme d'hébergement WordPress extrêmement optimisée et effectué un deuxième test PageSpeed. Avec une happy green box, les résultats se démarquent :

Correction des commentaires sur le temps de réponse du serveur Google Page Speed ​​​​Insight

Correction des commentaires sur le temps de réponse du serveur Google Page Speed ​​​​Insight

Après notre migration, le temps de réponse du serveur a été réduit à un niveau exceptionnel de 200 ms et l'erreur angoissante "Réduire le temps de réponse du serveur" a été résolument résolue, espérons-le pour ne jamais faire un retour insidieux.

Bien sûr, nous ne pouvons pas toujours pointer du doigt l'hébergeur, car il n'est certainement pas toujours la source du problème. Parfois, vous pouvez trouver des temps de réponse médiocres, même de la part du fournisseur d'hébergement Web le plus exemplaire et le plus astucieux. Très probablement, votre site Web est devenu trop grand pour son matériel précédent et exige tranquillement que vous le fournissiez avec une technologie supérieure. Si tel est le cas, votre plan d'hébergement actuel n'est plus capable de gérer votre site Web de manière optimale.

Dans un tel cas, vous devrez simplement mettre à niveau votre pack d'hébergement WordPress vers le prochain plan qui est plus haut dans l'échelle, ou même une option d'hébergement entièrement nouvelle et nettement plus puissante, comme avec un VPS . Bien sûr, si vous ne constatez aucune amélioration du temps de réponse de votre serveur après un changement de plan, il est définitivement temps de commencer à rechercher des fournisseurs d'hébergement supérieurs, puis de changer.

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

2. Installez le plug-in de cache WordPress et tirez parti de la mise en cache du navigateur

Après avoir minimisé le temps de réponse du serveur, nous allons tourner notre énergie vers la prochaine erreur que nous allons résoudre, qui est liée à la « mise en cache » toujours importante du contenu. Google lui-même recommande vivement de mettre en cache le contenu statique de votre site Web WordPress et, par conséquent, de tirer parti de la puissante fonction de mise en cache de votre navigateur. La mise en cache du contenu statique augmentera confortablement la vitesse de votre site WordPress jusqu'à 3 à 7 fois .

WordPress a une multitude de plugins de mise en cache qui non seulement mettent en cache votre contenu, mais offrent également une intégration CDN toujours utile, une compression Gzip, une minification CSS/JavaScript et une pléthore d'autres fonctionnalités. Activer la mise en cache du navigateur n'est pas difficile, il suffit d'installer et de configurer votre choix de plugin de cache depuis votre tableau de bord WordPress, comme avec n'importe quel autre plugin WordPress.

Installer le plug-in de mise en cache et activer la mise en cache du navigateur

Installer le plug-in de mise en cache et activer la mise en cache du navigateur

Après nos tests approfondis sur quelques plugins WordPress Caching, trois plugins se sont démarqués du reste du pack proverbial. C'étaient:

  • #1 - Cache total W3
  • #2 – WP Super Cache
  • #3 - Cache le plus rapide de WP

Maintenant, si vous ne voulez pas vraiment installer un plugin WordPress pour quelque raison que ce soit, il est possible d'activer manuellement la mise en cache du navigateur en ajoutant un code d'en-tête Expires à votre fichier .htaccess.

Comme nous vous le présentons ci-dessous, le score de Google PageSpeed ​​avant d'installer un plugin de mise en cache WordPress était dérisoire de 64/100. Si vous nous suivez, il existe un excellent moyen de résoudre ce problème selon l'erreur générée par Google pour cela. mauvais score : "Leverage browser caching" !

Google Page Speed Insight Score Before Enabling Caching Plugin

Score Google Page Speed ​​​​Insight avant d'activer le plug-in de mise en cache]

Maintenant, clairement, ce n'est pas suffisant, nous avons donc décidé d'installer le plugin W3 Total Cache pour nos besoins de mise en cache de contenu. Après l'installation, nous avons retesté avec impatience la vitesse de la page et les résultats ont été exemplaires.

Après avoir installé le plug-in de mise en cache W3 Total Cache
Score de vitesse de la page Google : 83 / 100 (amélioré)
Raison de cette amélioration : L'erreur de mise en cache du navigateur de levier est corrigée à 95 %.

Pour accélérer WordPress, le plugin W3 Total Cache définit utilement et intelligemment les délais d'expiration de tous les scripts internes sur des durées raisonnables. Par exemple, vos scripts CSS seront mis en cache pendant 7 jours, les images seront mises en cache pendant 30 jours, etc. Après avoir mis en place cette mise en cache interne utile, l'avertissement « exploiter la mise en cache du navigateur » a été corrigé à 95 %.

Google Page Speed Insight Score After Enabling Caching Plugin

Score Google Page Speed ​​​​Insight après l'activation du plug-in de mise en cache

95% des erreurs sous la mise en cache du navigateur Leverage ont ensuite été corrigées. Pour ceux qui gardent une trace, cela laisse 5% des erreurs existantes. Malheureusement, ceux-ci étaient dus à des scripts tiers tels que Facebook et Twitter, pour lesquels cet outil n'est pas en mesure de définir la mise en cache. Il n'y a pas grand-chose à faire à ce sujet, car vous ne contrôlez pas la mise en cache de ces données tierces. Ne vous inquiétez pas, cependant, les effets sont probablement minimes, et vous ne devriez donc pas vous soucier indûment de vaincre complètement l'erreur « exploiter la mise en cache du navigateur ».

3. Minifier CSS et JavaScript

La minification est un mot mignon, mais n'est tout simplement rien d'autre que l'élimination des caractères inutiles et inutiles dans un document texte, tels que les espaces blancs, les nouvelles lignes, les commentaires et les délimiteurs de blocs dans les fichiers HTML, JavaScript et CSS.

Pour être clair, ces caractères améliorent considérablement la lisibilité humaine de ces fichiers, mais sont totalement inutiles pour les ordinateurs et les navigateurs Web. La suppression des caractères inutiles et du code redondant peut considérablement accélérer WordPress en réduisant la taille de la page d'un grand nombre de kilo-octets.

Ici, nous présentons les résultats de la vitesse de la page WordPress en nous montrant quelques commentaires sur la réduction de nos fichiers CSS et JS.

Avertissement de minification de Google Page Speed ​​Insights

Avertissement de minification de Google Page Speed ​​Insights

Selon les résultats, il est possible d'augmenter encore notre vitesse en réduisant à la fois le nombre d'appels au CSS & JS et en minimisant sa taille de page.

Meilleurs plugins WordPress pour minifier CSS et JavaScript

Heureusement, pour WordPress, il existe une multitude de plugins qui minifieront rapidement vos fichiers CSS et JavaScript. Vous trouverez ci-dessous les cinq principaux plugins WordPress populaires qui géreront efficacement tous vos besoins de minification.

  • #1 – WP Minifier
  • #2 – Optimisation automatique
  • #3 - WP Super Minifier
  • #4 - Correctif WP Minify
  • #5 – Mieux minifier WordPress

WP-Minify Plugin Minifies the CSS, HTML & JS

Le plugin WP-Minify minimise le CSS, HTML et JS

Veuillez noter que bien que certains plugins de mise en cache tels que W3 Total Cache et WP Fastest Cache offrent la minification comme fonctionnalité supplémentaire, nous avons choisi d'utiliser le plugin WP Minify pour effectuer notre minification. Veuillez vous assurer que vous n'activez qu'un (1) plugin/option de plugin de minification actif à la fois. Sinon, il est fort probable que vous rencontriez divers conflits de plugins décousus, comme entre le cache total W3 et WPminify.

Avant d'installer un plugin Minification
Score de vitesse des pages Google : 83 / 100
Raison de ce mauvais score : Minify CSS, JS et HTML

Google Page Speed Insights Feedback for JS and CSS Minify

Commentaires Google Page Speed ​​​​Insights pour JS et CSS Minify

Après avoir installé WP Minify, nous avons effectué le test de vitesse de page et les résultats sont les suivants.

Après avoir installé le plugin WP Minify
Score de vitesse de la page Google : 84 / 100 (amélioré)
Raison de cette amélioration : l'avertissement Minify CSS et JavaScript est corrigé.

Google Page Speed ​​​​Insight FeedBack corrigé par le plug-in WP-Minify

Google Page Speed ​​​​Insight FeedBack corrigé par le plug-in WP-Minify

Ce n'est peut-être pas une différence colossale, mais chaque bit compte. Surtout pour les appareils mobiles. Parfois, même après l'installation de votre plugin de minification, ces avertissements peuvent persister partiellement non résolus.

Dans ce cas, l'outil PageSpeed ​​lui-même est capable de vous fournir des fichiers CSS et JS déjà minifiés. Vous pouvez directement télécharger ces ressources JavaScript et CSS optimisées et les remplacer sur votre site Web WordPress (voir le carré bleu en surbrillance en bas dans l'exemple ci-dessus).

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

4. Optimisez les images

Un site WordPress avec des images haute résolution exquises est magnifique et captera sans aucun doute l'attention précieuse de plus de lecteurs qu'une page WordPress traditionnelle basée sur du texte. Mais il y a un hic malheureux : lorsque vous téléchargez plus d'images ou que vous augmentez leur résolution et leur qualité de manière excessive, la taille de votre WordPress ne fera que gonfler, ce qui finira par entraîner une vitesse de site Web terne.

Pour éviter et minimiser consciencieusement ces problèmes, il est impératif que vous optimisiez vos images avant de procéder à leur publication.

Outils en ligne gratuits pour optimiser les images

Il existe différents outils en ligne puissants, comme Optimizilla ou Image Optimizer pour optimiser vos images sans nuire à leur qualité. Ces outils sont simples : vous téléchargez vos images, sélectionnez les options pertinentes/souhaitées, puis téléchargez les images optimisées.

Nous aimons particulièrement Optimizilla, car vous pouvez optimiser par lots 20 images à la fois et sélectionner en outre votre choix de taux de compression et de qualité d'image.

Meilleurs plugins WordPress pour optimiser les images

WordPress a une légion de plugins qui optimiseront automatiquement vos images au fur et à mesure que vous les téléchargez. Voici un avant-goût, avec plusieurs énumérés ci-dessous:

  • WP Smush – #1 – Largement utilisé avec plus de 600 000+ téléchargements
  • #2 - Optimiseur d'image Imagify
  • #3 – Optimus – Optimiseur d'image WordPress
  • #4 - Optimiseur d'image ShortPixel
  • #5 - Optimiseur d'image EWWW
  • #6 - Optimiseur d'image CW

Nous avons opté pour l'option la plus populaire, et donc à partir de cette liste, nous nous sommes installés sur le plugin WP Smush, l'avons installé sur WordPress et avons procédé à notre test de performance. De retour aux outils utiles de Google, les résultats des tests suivants ont été obtenus avant et après l'optimisation de l'image.

Avant d'installer un plugin d'optimisation d'image
Score de vitesse des pages Google : 84/100
Raison de ce mauvais score : Les images ne sont pas optimisées.

Score Google Page Speed ​​​​Insight avant d'optimiser les images

Score Google Page Speed ​​​​Insight avant d'optimiser les images

Nous avons utilisé le plugin WP Smush Image Optimizer pour optimiser automatiquement les images du blog.

WP-Smush Plugin Optimizes the Images

Le plugin WP-Smush optimise les images

Les résultats du test après l'activation du plugin WP Smush. Notez que les avertissements relatifs à l'optimisation des images ont disparu.

Après avoir installé le plugin WP Smush
Score de vitesse de page Google : 92/100 (amélioré)
Raison de cette amélioration : le plugin WP Smush a optimisé toutes les images.

Google Page Speed Insight Score After Optimizing the Images

Score Google Page Speed ​​​​Insight après optimisation des images

Veuillez noter que vous n'êtes autorisé à "écraser" que 50 images à la fois avec la version gratuite de WP Smush Image Optimizer. Le reste des images peut être extrait de la médiathèque WordPress, comme indiqué dans l'écran ci-dessous.

Smush Images From WordPress Media Library

Smush Images de la médiathèque WordPress

Si vous recevez toujours un avertissement d'optimisation d'image malheureux, ne stressez pas trop. L'outil Google PageSpeed ​​fournit également une version optimisée de ces images. Vous pouvez les télécharger comme indiqué dans la 3ème étape. Vous pouvez ensuite mettre à jour ces images depuis la médiathèque de votre DashBoard ou bien les mettre à jour depuis le gestionnaire de fichiers de votre compte d'hébergement Web. De plus, assurez-vous que le cache de votre serveur Web est vidé si vous utilisez un outil de mise en cache tiers tel que Xvarnish. Si vous ne le faites pas, il est possible que Google continue à afficher des images obsolètes même après vos optimisations minutieuses.

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

5. Activer la compression Gzip

Lorsque les visiteurs naviguent sur votre site WordPress, leurs navigateurs téléchargent les pages Web et procèdent au rendu du contenu. Celui-ci est souvent non compressé, et si vos pages WordPress sont de taille gargantuesque du fait des éléments nécessaires et riches qu'elles comportent, cela augmentera forcément et malheureusement le temps de chargement de la page.

Il existe un moyen pratique de contourner ce problème : en activant la compression Gzip intelligente, vous pouvez réduire la taille des réponses transférées du serveur vers les navigateurs des clients. Cela réduira considérablement les secondes nécessaires pour télécharger les ressources, minimisera l'utilisation des données et améliorera la vitesse de rendu de votre magnifique site WordPress dans le navigateur de votre client.

En utilisant la compression Gzip, la taille totale de votre page peut être réduite de 50% à 70% pour votre client, ce qui, sans surprise, servira à accélérer la vitesse de votre blog WordPress. Bien entendu, lorsque Gzip n'est pas activé, l'outil PageSpeed ​​Insight de Google le note et vous avertit d'activer la compression.

1. Activation de la compression Gzip à l'aide du plugin W3 Total Cache

Il existe un plugin WordPress pour la plupart des tâches, et la compression Gzip ne fait pas exception. Un plugin de mise en cache particulièrement populaire est le plugin W3 Total Cache mentionné précédemment, qui vous permet de compresser votre site WordPress avec Gzip. Pour activer la compression Gzip, connectez-vous à votre tableau de bord WordPress, accédez à Performances → Cache du navigateur et cochez la case intitulée "Activer la compression HTTP (Gzip)".

Enable HTTP GZIP Compression Using W3 Total Cache Plugin

Activer la compression HTTP GZIP à l'aide du plug-in W3 Total Cache

2. Activer la compression Gzip via .htaccess

De plus, vous pouvez également activer la compression Gzip en ajoutant le code de compression Gzip à votre fichier .htaccess.

3. Activer la compression Gzip via le plugin de compression

Pour un plugin dédié, installez l'un des plugins WordPress suivants pour activer la compression Gzip.

  • Compression de vitesse GZip Ninja - # 1
  • Multiplicateur de vitesse avancé – #2
  • Vérifier et activer la compression GZIP - #3

Ces plugins ajoutent automatiquement des règles de compression Gzip dans votre fichier .htaccess à l'aide du module mod_deflate, de sorte qu'il n'est pas nécessaire de se faufiler vous-même dans ces fichiers pour les modifier.

Pour un excellent moyen de déterminer si la compression Gzip est activée ou non sur votre site Web, vous pouvez tester votre site Web ici. Cet outil toujours utile peut vous montrer concrètement combien d'octets précieux (et donc la vitesse de rendu et la bande passante) ont été économisés en activant la compression Gzip. Consultez l'exemple ci-dessous pour une illustration remarquable du nombre d'octets que nous avons économisés et économisés sur notre site Web de test.

URL Compression Test Website

Site Web de test de compression d'URL

L'activation de la compression Gzip avec l'une des méthodes ci-dessus devrait corriger la recommandation de Google PageSpeed ​​Insights sur "Activer la compression".

Avant d'installer un plugin de compression
Score de vitesse des pages Google : 92/100
Raison de cet avertissement : la compression n'est pas activée.

Commentaires sur la compression de Google Page Speed ​​Insight

Pour cet exemple, nous avons activé Gzip Compression via le plugin W3 Total Cache, et vous pouvez ainsi constater que l'avertissement Enable Compression est désormais supprimé, avec le résultat ci-dessous.

Après avoir installé le plugin W3 Total Cache pour la compression
Score de vitesse des pages Google : 92/100
Raison de cette amélioration : l'avertissement Activer la compression est résolu.

Score Google Page Speed ​​​​Insight après l'activation de la compression GZIP

Score Google Page Speed ​​​​Insight après l'activation de la compression GZIP

Fixation au-dessus du pli Avertissement de contenu

Malgré l'obtention d'un score de performance assez respectable de 92/100, la page de Google PageSpeed ​​Insights affichait toujours un avertissement indiquant que nous devions corriger le JavaScript et le CSS bloquant le rendu au-dessus de la ligne de flottaison. Bien sûr, tout compte, et nous ne sommes pas là pour nous arrêter là, nous sommes donc allés de l'avant et avons décidé de résoudre ce problème également. Continuons et voyons comment nous avons réussi à corriger cet avertissement pour notre blog WordPress de test.

Éliminer le JavaScript bloquant le rendu dans Above the Fold

Pour cela, nous avons utilisé le plugin WordPress Async JavaScript plugin, puis nous avons modifié les paramètres, comme indiqué dans la capture d'écran suivante. Ce plugin ajoute l'attribut 'async' ou 'defer' à tout JavaScript chargé par la fonction wp_enqueue_script de WordPress.

Eliminate Render Blocking JavaScript and CSS in Above The Fold Content Warning Fixed

Éliminer le blocage du rendu JavaScript et CSS dans l'avertissement de contenu Above The Fold corrigé

Désormais, vous n'avez même plus besoin de recourir à un plugin. Si vous souhaitez éviter de charger un autre plugin, vous pouvez simplement ajouter le code suivant à votre fichier functions.php.

/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Maintenant, pour corriger le même avertissement pour notre CSS, nous avons utilisé un plugin WordPress appelé Autoptimize. Après avoir installé ce plugin, allez dans Paramètres → Autotomize . Dans les paramètres d'optimisation automatique, cliquez sur le bouton "Afficher les paramètres avancés" situé dans le coin supérieur droit. Veuillez vous assurer que 'minify' n'est pas actif avec W3 Total Cache ou WPminify car cela pourrait bien générer des conflits frustrants avec Autoptimzer.

Une fois les paramètres avancés renseignés et modifiés, faites défiler jusqu'à la section Options CSS. Cochez la case Inline and Defer CSS, collez le fold CSS code (URL suggérée par la page google Insight Tool sous la section "Eliminate render-blocking", ouvrez chaque URL sur le navigateur et récupérez le fold .css code), et cliquez sur le ' bouton "Enregistrer les modifications et vider le cache".

Éliminer le blocage du rendu JavaScript et CSS dans l'avertissement de contenu Above The Fold corrigé

Éliminer le blocage du rendu JavaScript et CSS dans l'avertissement de contenu Above The Fold corrigé

Après avoir méticuleusement entrepris ces étapes, vous pourrez consulter l'outil de Google sans aucune mention d'avertissement concernant un tel blocage du rendu au-dessus du pli.

Après avoir installé le plug-in Async JavaScript & Autoptimize
Score de vitesse des pages Google : 100/100
Raison de cette amélioration : correction de l'élimination du JavaScript et du CSS bloquant le rendu dans l'avertissement de contenu au-dessus de la ligne de flottaison.

Tous les avertissements sont corrigés pour le bureau

Tous les avertissements sont corrigés pour le bureau

All Warnings Are Fixed For Mobile

Tous les avertissements sont corrigés pour mobile

N'oubliez pas que PageSpeed ​​Insights de Google est un outil de performance toujours utile qui vous aide à identifier les nombreuses façons dont vous pouvez vous efforcer d'optimiser votre site Web. Cependant, il vaut rarement la peine de développer une obsession pour obtenir un 100/100 parfait, car il est courant que certains scénarios soient essentiellement impossibles à résoudre.

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

6. Assurez-vous de vider la corbeille et d'optimiser la base de données WordPress

L'utilisation prolongée de WordPress apporte avec elle une base de données qui contient probablement des volumes de données dont vous n'avez pas beaucoup d'utilité. Par exemple, chaque fois que vous enregistrez un nouvel article ou une nouvelle page, WordPress se fera un plaisir de créer une révision de cet article ou de cette page et de la stocker ensuite dans la base de données en constante expansion.

Par exemple, si vous modifiez un message 10 fois, vous pouvez avoir 9 copies distinctes de ce message stockées en tant que révisions. Bien que parfois utile, cette accumulation de données ajoute rapidement de grandes quantités de données rarement consultées aux tables grinçantes de votre base de données, les gonflant inutilement et ralentissant leur accès.

En supprimant judicieusement les révisions indésirables, les brouillons, les commentaires modérés, les pages/messages indésirables, les commentaires indésirables, les commentaires indésirables, les métas de messages orphelins et toute autre donnée inutile, vous pouvez conserver une base de données élégante, propre, optimisée et sûre. Cela en vaut la peine, car par le simple fait d'entreprendre d'optimiser votre base de données, vous améliorerez à la fois la vitesse de votre site Web et, surtout, son efficacité.

Optimize WordPress Database Using WP Optimize

Optimiser la base de données WordPress à l'aide de WP-Optimize

Meilleurs plugins WordPress pour optimiser la base de données

Vous trouverez ci-dessous un échantillon de choix des plugins WordPress préférés qui sont utilisés pour optimiser une base de données WordPress.

  • WP-Optimize – #1
  • Balayage WP – #2
  • Nettoyeur de base de données avancé – #3
  • Optimiser la base de données après la suppression des révisions

Ces plugins éliminent toutes les saletés indésirables de votre base de données WordPress et effectuent des requêtes générales d'optimisation de la base de données MySQL sans accéder à PHPMyAdmin.

Certains de ces plugins, comme dans le cas de WP-DB Manager, vous permettent de planifier des dates pour une optimisation régulière et cohérente de la base de données. Assurez-vous toujours d'effectuer une sauvegarde de la base de données avant d'autoriser un plugin à toucher ou à optimiser votre base de données !

7. Utilisez le réseau de diffusion de contenu

Un CDN de réseau de diffusion de contenu) est un groupe de serveurs répartis géographiquement qui fournit rapidement du contenu statique aux visiteurs, à partir des serveurs disponibles et pertinents les plus proches. Plus intelligiblement, lorsqu'un visiteur navigue sur votre site Web, votre CDN sélectionnera le serveur le plus proche pour lui fournir le contenu statique (images, CSS, bibliothèques et fichiers JavaScript) utilisé dans votre site Web.

Un CDN adepte favorise également des chargements de pages plus rapides, augmentant ainsi le classement de vos pages Google, car les sites Web peu performants qui se chargent lentement sont considérablement pénalisés par les algorithmes de classement des moteurs de recherche les plus populaires.

Heureusement, la configuration d'un CDN pour travailler avec WordPress est simple. En effet, il peut être complété en 5 minutes (!), en utilisant un plugin de cache comme W3 Total Cache. Si vous souhaitez intégrer un CDN à votre site Web WordPress, veuillez jeter un œil à notre tutoriel convivial et bien informé .

Bien sûr, pour illustrer les avantages d'un CDN pour votre site WordPress, nous avons forcément dû effectuer un test rapide dans notre laboratoire hi-tech pour vous.

Le temps de réponse moyen avant d'activer un CDN sur notre site Web WordPress était de 124,721 ms.

Response Time Of A WordPress Website Before Enabling CDN

Temps de réponse d'un site Web WordPress avant l'activation du CDN

Après avoir activé un CDN sur un site Web WordPress, le temps de réponse a diminué à 26,346 ms.

Response Time Of A WordPress Website After Enabling CDN

Temps de réponse d'un site Web WordPress après l'activation du CDN

8. Réduisez les révisions de publication et désactivez les rétroliens et les pingbacks

Réduire les post-révisions

Le système de révisions WordPress est conçu pour conserver un enregistrement de chaque brouillon enregistré ou mise à jour publiée. Bien que très utile (il vous permet de parcourir les versions précédentes de vos articles et de les restaurer si nécessaire, après tout), il peut augmenter considérablement la taille et le volume de toute base de données WordPress.

Par exemple, supposons que votre article ait subi 10 révisions , le système de révision de WordPress stockera chacune de ces révisions dans sa base de données, ce qui augmentera son empreinte de données de 10 fois .

Par défaut, WordPress continuera à enregistrer un nombre illimité et illimité de révisions, mais vous devriez et pouvez en fait le limiter à une valeur considérablement plus pratique (disons 4 à 5). Pour ce faire, ajoutez simplement le code suivant à votre fichier wp-config.php.

define( 'WP_POST_REVISIONS', 5 );

List of Post Revisions

Liste des révisions de poste

Si vous souhaitez désactiver complètement le système de post-révision de WordPress, il vous suffit d'ajouter le code d'une ligne suivant dans le fichier wp-config.php.

define( 'WP_POST_REVISIONS', false );

Veuillez noter que la révision des publications de WordPress est extrêmement utile pour les blogueurs, nous ne souhaitons donc pas vous recommander de la désactiver complètement. Pour votre tranquillité d'esprit, assurez-vous de toujours conserver certaines révisions de votre travail.

Désactivation des rétroliens et des pingbacks

Chaque fois qu'un autre blog ou site Web est lié à votre site Web, vous recevrez une notification, qui mettra ensuite à jour la base de données pour ce message particulier, servant finalement à encombrer les ressources de votre serveur.

Si vous ne le souhaitez pas, les rétroliens et les pingbacks peuvent être désactivés à partir des paramètres de discussion de WordPress. Une fois connecté au tableau de bord WordPress, passez à Paramètres → Discussion, puis décochez les deux premières cases comme illustré dans l'image ci-dessous.

Disable Pingback and Trackback

Désactiver le pingback et le trackback

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS

9. Divisez les commentaires et les messages longs en pages

Sans conteste, il est en effet fortuit d'engranger une audience engagée qui commente en masse sur votre blog. Malheureusement, une telle activité génère un effet négatif potentiel : le chargement de ces commentaires peut considérablement ralentir la vitesse de chargement de votre site Web.

WordPress a utilement intégré une fonctionnalité intitulée "commentaires de rupture" pour résoudre ce problème. Accédez simplement à votre page d'administration Paramètres → Discussion et cochez la case intitulée "diviser les commentaires en pages".

Break Comments Into Pages

Diviser les commentaires en pages

S'il s'avérait que vos messages consistaient en de longs textes en prose, combinés à une utilisation abondante de jolies images, la vitesse de chargement de votre site Web pourrait en souffrir. Une solution simple et efficace existe : scinder ces messages embêtants en pages distinctes.

Ajoutez simplement l'extrait de code suivant à l'endroit où vous souhaitez diviser la page. Assurez-vous d'ajouter cette ligne de code en mode texte plutôt qu'en mode visuel.

<!--nextpage-->

Tout le contenu ajouté ci-dessous < !–nextpage–>, apparaîtra sur la page suivante du message, et à la fin de la page, vous verrez des liens de pagination comme illustré ci-dessous.

Option Page suivante

Option Page suivante

10. Ne téléchargez pas de vidéos directement sur WordPress

Le téléchargement direct de contenu vidéo peut peser lourdement sur la bande passante potentielle de votre site Web. Votre fournisseur d'hébergement Web peut très bien prélever des frais supplémentaires pour une telle utilisation, vous avez donc une bonne raison d'éviter d'effectuer une telle action.

Deuxièmement, les vidéos longues ou haute résolution peuvent augmenter considérablement la taille de votre sauvegarde, ce qui conduit à une situation où la restauration de votre site Web à partir de sauvegardes peut être une tâche beaucoup plus herculéenne.

Étant donné que vous ne souhaitez probablement pas les scénarios ci-dessus, vous pouvez directement télécharger votre vidéo sur l'un des fournisseurs d'hébergement vidéo populaires suivants, puis utiliser un lien intégré.

  • Youtube
  • Viméo
  • Flickr
  • DailyMotion

L'intégration d'une vidéo YouTube sur WordPress est heureusement élémentaire. Tout d'abord, recherchez simplement la vidéo que vous souhaitez intégrer à partir de YouTube. Ensuite, cliquez sur le lien Partager et copiez l'URL de la vidéo appropriée.

Copier l'URL de la vidéo à partir de YouTube

Copier l'URL de la vidéo à partir de YouTube

Enfin, collez l'URL de la vidéo directement dans votre publication et cliquez sur le bouton Mettre à jour pour l'intégrer automatiquement.

Coller l'URL de la vidéo YouTube dans WordPress Post

Coller l'URL de la vidéo YouTube dans WodPress Post

Conclusion

Nous avons répertorié les 10 réglages les plus efficaces et les plus populaires pour libérer la vitesse potentielle de votre site Web WordPress. Nos chercheurs assidus travaillant dans leur laboratoire ont, à notre avis, prouvé qu'une mise en œuvre efficace de tels ajustements peut considérablement améliorer la vitesse de chargement de votre site Web WordPress. Si jamais vous rencontrez une installation WordPress qui semble se déplacer aussi rapidement qu'un escargot prenant un jour de congé, vous aurez ces conseils pratiques pour sans aucun doute améliorer et améliorer les scores de vitesse de la page.

Le joli graphique suivant représente le score Google PageSpeed ​​après chaque modification que nous avons implémentée sur le blog WordPress.

Score de page Google Vs. Ajustements WordPress

Score de page Google Vs. Ajustements WordPress

Connaissez-vous des moyens alternatifs et efficaces pour accélérer les sites WordPress et améliorer leurs temps de chargement ? Tout est extrêmement précieux, en particulier lorsque les millisecondes peuvent compter pour le client. S'il vous plaît partager des idées performantes avec nous dans la section des commentaires suivants!

Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.

OBTENEZ UN HÉBERGEMENT WORDPRESS ENGAGEZ UN DÉVELOPPEUR WORDPRESS