Comment accélérer votre site WordPress

Non seulement avoir un site Web rapide est impératif pour le référencement, mais il est également très important pour le taux de conversion de votre site Web.

Si quelqu'un visite votre site et qu'il est trop lent, il risque de partir et de visiter le site suivant.

C'est pourquoi avoir un site Web WordPress rapide est essentiel pour un site Web réussi. Si votre site Web WordPress prend 6 secondes ou plus à charger, vous devez lire ceci maintenant.

Dans ce guide, nous allons vous montrer comment accélérer votre site WordPress et réduire votre taux de rebond, vous permettant d'obtenir plus de trafic et de conversions.

Pourquoi avoir un site Web rapide est important

Il existe un grand nombre de raisons pour lesquelles vous souhaitez que votre site Web soit ultra-rapide.

L'une des raisons les plus importantes est que le fait d'avoir un site Web lent diminue vos conversions sur votre site Web. Que vous vendiez des produits, des services ou que vous soyez un blog, si votre site Web est lent, les gens partiront.

Selon Tyton Media :

"40 % des personnes se sont aventurées loin d'un site Web s'il a été chargé pendant plus de 3 secondes."

Cela signifie que votre site Web devrait se charger en au moins 4 secondes ou allez-vous perdre plus de la moitié de vos visiteurs !

Une autre raison pour laquelle il est super important est le SEO (optimisation pour les moteurs de recherche).

Afin d'être bien classé dans Google et d'obtenir beaucoup de trafic organique de la recherche Google, vous aurez besoin d'un site Web très rapide.

Google considère la convivialité du site Web et l'expérience utilisateur comme un signal de classement des moteurs de recherche, donc si vous ne voyez pas un trafic organique important, cela pourrait être la raison.

Il est donc très important que vous mettiez en œuvre ces stratégies pour augmenter la vitesse de votre site Web WordPress.

Vérifiez la vitesse de votre site Web

Avant de faire quoi que ce soit, vous devez d'abord vérifier la vitesse actuelle de votre site Web afin d'avoir une référence.

Il existe de nombreux outils formidables qui vous permettront de tester la vitesse de votre site Web. Google Search Console a même une nouvelle zone qui peut vous donner des informations sur la vitesse de votre site Web.

Voici une liste des meilleurs outils pour vérifier la vitesse de votre site Web :

• Pingdom
• GTMetrix
• Console de recherche Google
• Aperçus de vitesse de page Google

Alors, comment exécutez-vous un test de vitesse sur votre site Web WordPress ?

Voici un exemple de la façon de tester la vitesse de votre site Web avec Pingdom.

Entrez simplement l'URL de votre site Web WordPress, choisissez un emplacement le plus proche de votre emplacement et cliquez sur Démarrer le test.

Il parcourra votre site et vous donnera des détails sur chaque ressource chargée, combien de temps cela prend et comment augmenter votre vitesse.

La vitesse idéale de votre site Web devrait être inférieure à 5 secondes, mais si vous pouvez atteindre 2 à 4 secondes, vous serez du bon côté. Toute lenteur de votre site Web WordPress peut entraîner des taux de rebond élevés, alors assurez-vous qu'il est rapide.

Si votre site Web ne devient pas plus rapide que vous devriez probablement consulter votre fournisseur d'hébergement.

Obtenez un hébergement rapide

La plupart des nouveaux webmasters choisissent simplement l'option d'hébergement la moins chère, mais cela peut en fait vous faire très mal à long terme.

Avez-vous déjà rencontré un site Web lent sur la première page de Google ? La réponse est non!

Google classe bien les sites Web qui offrent une bonne expérience utilisateur et se chargent rapidement pour le chercheur.

Les sites d'hébergement bon marché placeront votre site Web sur un serveur partagé avec des centaines, voire des milliers d'autres sites Web, tous luttant pour les ressources. Cela peut ralentir le chargement de tous les sites sur le serveur partagé.

Alors, quels sites d'hébergement sont les meilleurs pour WordPress ?

Dans notre guide d'hébergement WordPress, voici les plateformes d'hébergement les plus rapides et les plus abordables pour WordPress :

N'importe lequel de ces fournisseurs d'hébergement vous permettra d'avoir un site Web à chargement rapide qui peut grandir avec votre entreprise.

La règle générale est que plus vous payez, plus vous obtiendrez de vitesse, alors ne lésinez pas sur l'hébergement WordPress !

Réduire les plugins

Plus il y a de plugins installés sur votre site WordPress, plus il sera lent.

Chaque plugin a ses propres dépendances, javascript et autres ressources qui prennent du temps à se charger. C'est pourquoi il est essentiel d'avoir un minimum de plugins installés sur votre site pour avoir un site Web WordPress rapide.

La plupart des plugins peuvent facilement être installés ou configurés sur votre site Web WordPress sans avoir besoin d'installer un plugin.

Si vous recherchez le site Web le plus simple et le plus rapide, demandez à un développeur WordPress de configurer les fonctionnalités dont vous avez besoin sans utiliser de plugin afin de ne pas compromettre la vitesse de votre site.

Pour supprimer les plugins indésirables de votre site, rendez-vous simplement sur votre page de plugins, cliquez sur Désactiver puis sur Supprimer.

Supprimez tous les plugins dont vous n'avez plus besoin ou que vous n'utilisez plus.

Assurez-vous de tester la vitesse de votre site avant et après afin de pouvoir évaluer la différence. Vous serez surpris de voir à quel point la suppression de quelques plugins volumineux peut augmenter la vitesse de votre site WordPress !

Optimiser les images

Les images volumineuses et non optimisées sont l'un des principaux responsables d'une page à chargement lent.

Avoir trop de grandes images sur votre page peut augmenter vos temps de chargement de 2 à 3 secondes ou plus.

Lorsque vous ajoutez de grandes images à votre site Web, elles sont généralement réduites pour s'adapter à l'écran de l'utilisateur, ce qui entraîne un chargement lent des images qui sont de toute façon réduites !

Vous pouvez utiliser un plugin comme WP Smush pour réduire la taille des images de votre site Web, augmentant ainsi vos temps de chargement.

Installez et activez le plugin et dirigez-vous vers la page des paramètres. Vous pouvez le trouver en regardant dans la barre latérale gauche pour l'onglet "Smush".

Il vous guidera à travers un assistant de configuration simple qui comprend environ 5 étapes. Activez simplement toutes les fonctionnalités à chaque étape de l'assistant, puis cliquez sur Terminer l'assistant de configuration.

Une fois cette opération terminée, vous serez redirigé vers la page du tableau de bord où vous pourrez commencer à écraser vos images. Cliquez sur le bouton "Bulk Smash Now" pour commencer à détruire vos images.

Il fonctionnera pendant un certain temps en fonction du nombre d'images que vous avez peut prendre jusqu'à 30 minutes. Lorsqu'il est en cours d'exécution, vous pouvez voir combien d'espace il a économisé après avoir compressé toutes vos images.

Si vous voulez encore plus d'économies, ou si vous avez besoin de casser plus de 50 images en 1 clic, vous devrez passer à la version Pro. Mais simplement casser 50 images à la fois me suffira !

Maintenant que vos images sont compressées, vous devrez empêcher les gens d'utiliser vos images et d'épuiser vos ressources.

Désactiver le lien dynamique

Lorsque vous créez des images personnalisées et que vous les téléchargez en ligne, il est possible que quelqu'un d'autre trouve votre image et l'utilise sur son site. Il existe également des sites Web qui indexent automatiquement les images et les hébergent sur leur site.

C'est ce qu'on appelle le hotlinking et cela entraînera une charge sur votre serveur, réduisant ainsi le temps de chargement de votre propre site Web.

Afin d'empêcher les gens de créer des liens vers vos images, vous devrez ajouter un petit morceau de code à votre fichier .htaccess en utilisant FTP ou le gestionnaire de fichiers cPanel.

Voici le code pour désactiver le hotlinking sur votre site :

Collez-le simplement dans votre fichier .htaccess et vous êtes prêt.

Installer la mise en cache

La mise en cache est un autre excellent moyen de réduire le temps de chargement de votre site Web WordPress.

La mise en cache semble compliquée mais c'est vraiment assez simple. Avec la mise en cache, des versions HTML simples de vos pages sont créées lorsque quelqu'un visite une certaine page. Lorsque d'autres personnes visitent cette page

Cela réduit les temps de chargement car la page n'a pas à appeler la base de données et d'autres ressources qui peuvent augmenter les temps de chargement.

La configuration de la mise en cache n'est pas aussi difficile que cela puisse paraître. Tout d'abord, vous devrez installer un plugin appelé W3 Total Cache.

Installez et activez le plugin et vous devriez voir un nouvel onglet dans la barre latérale gauche de votre zone d'administration WordPress appelé "Performance".

Cliquez sur le lien Paramètres généraux et nous allons activer certaines fonctionnalités de mise en cache pour augmenter la vitesse du site Web.

Tout d'abord, vous souhaitez activer Page Cache .

Pour la méthode Page Cache, vous devez choisir 'Disk: Enhanced' ou l'une des options Opcode si vous les avez activées sur votre serveur. Pour les activer, vous devrez contacter votre fournisseur d'hébergement, mais vous devriez voir des augmentations de vitesse significatives avec juste Disk: Enhanced.

Maintenant, vous voudrez également activer le cache du navigateur .

Cela activera la compression HTTP et les en-têtes d'expiration qui réduiront la taille des pages, ce qui accélérera leur chargement.

Nous pouvons réduire encore plus leur taille en activant la minification.

Minifiez votre code

Ensuite, nous allons minifier notre HTML, CSS et JS.

C'est quoi minifier ?

C'est exactement comme ça que ça sonne. Lorsque vous réduisez le code, il combinera tout votre code, supprimera les espaces ou toute autre redondance et mettra le tout dans un joli petit fichier.

Cela réduira la taille des fichiers, ce qui accélérera les temps de chargement.

Dans la section suivante de W3 Total Cache, vous trouverez la boîte Minify.

Maintenant, vous devez activer Minify .

Tous les paramètres par défaut sont corrects et vous remarquerez qu'une fenêtre contextuelle apparaît qui vous avertira que cela pourrait gâcher la conception de votre site, alors assurez-vous de le vérifier après avoir cliqué sur "Enregistrer les paramètres et purger les caches".

Cela supprimera l'ancien cache afin que vous receviez une nouvelle page à jour. Si votre site semble normal, alors vous êtes prêt à partir et tout votre code doit être minifié.

Vous pouvez vérifier en cliquant avec le bouton droit sur votre page Web et en cliquant sur afficher la source. Cela vous montrera le code source de votre site WordPress. ça devrait être

Configurer un CDN

CDN signifie un réseau de diffusion de contenu.

Il s'agit essentiellement d'un serveur qui héberge vos médias tels que des images, CSS, JS et libère le téléchargement sur votre propre serveur, ce qui augmente les performances.

Il existe une poignée de très bons CDN que vous pouvez utiliser pour augmenter la vitesse de votre site Web. Voici quelques-uns des meilleurs pour WordPress :

• Nuageux
• Amazon CloudFront
• StackPath

Pour configurer votre CDN, vous utiliserez simplement W3 Total Cache que nous utilisions auparavant pour mettre en cache le site.

Dirigez-vous vers l'onglet Paramètres généraux et accédez à la section CDN vers le bas. Vous trouverez une liste déroulante qui vous permet de choisir tous les CDN les plus populaires (y compris ceux ci-dessus) que vous pouvez intégrer directement dans W3 Total Cache.

Cliquez sur Activer CDN .

Ensuite, choisissez le CDN avec lequel vous décidez d'aller. Je vais vous montrer comment configurer les choses du côté CDN en utilisant StackPath.

Rendez-vous simplement sur StackPath.com et créez un compte. Vous allez maintenant passer par un assistant de configuration simple pour mettre votre CDN en ligne et le connecter à votre site.

À la première étape, choisissez Services de site Web et d'application.

À l'étape 2, sélectionnez l'option CDN.

L'étape 3 vous demandera d'entrer l'URL de votre site Web WordPress sur lequel vous installez le CDN.

Ne vous inquiétez pas des mises à jour pour l'instant. Le simple fait d'installer le CDN de base devrait nous donner des augmentations de vitesse si importantes. L'étape suivante vous demandera de confirmer le nom d'hôte/l'adresse IP. vous ne devriez pas avoir besoin de changer quoi que ce soit ici, alors cliquez sur "continuer".

Maintenant, StackPath renverra votre nouvelle adresse Edge. Il s'agit du domaine racine où se trouveront tous vos fichiers hébergés CDN. Cliquez sur Continuer pour terminer le processus de configuration du CDN.

Ensuite, nous devons créer des informations d'identification API que nous pouvons mettre dans WordPress pour connecter ce service à notre site Web WordPress. Cliquez sur votre profil dans le coin supérieur droit et sélectionnez "Gestion des API".

Cliquez sur le bouton générer des informations d'identification pour créer une nouvelle clé API et un nouveau secret.

Il générera un ID client et un secret client API que vous devrez entrer dans W3 Total Cache dans WordPress.

Retournez donc dans la zone d'administration de WordPress et revenez aux paramètres de W3 Total Cache dans la configuration du CDN.

Cliquez sur le bouton Autoriser et cela vous permettra de coller votre ID client et le secret client API que nous avons générés dans StackPath.

Cliquez sur Suivant et vous avez maintenant configuré un CDN sur votre site Web WordPress.

Pour vérifier s'il est configuré, vous pouvez soit cliquer sur le bouton Test StackPath dans W3 Total Cache, soit afficher la source de la page de votre site Web et rechercher une image ou une ressource externe.

Vous verrez que l'URL correspond à votre adresse Edge dans StackPath. Cela signifie que le CDN est installé et configuré correctement !

Ajouter un chargement paresseux aux images

La configuration du chargement différé pour vos images peut aider à réduire le temps de chargement de votre page sur votre site Web WordPress.

Le chargement paresseux est une pratique croissante qui diffère l'initialisation des objets jusqu'à ce qu'elle soit nécessaire à l'écran.

Normalement, lorsqu'une page Web se charge, elle charge la page Web entière et vous la sert ensuite. Avec le chargement paresseux, il ne charge que les parties de l'écran que vous pouvez voir, puis attend pour charger les autres éléments jusqu'à ce que vous les fassiez défiler.

Avec WordPress, la configuration du chargement paresseux est super simple.

Tout d'abord, téléchargez le plugin Lazy Load de WP Rocket.

Les paramètres de Lazy Load sont situés dans Paramètres->Lazy Load de votre zone d'administration WordPress. Rendez-vous simplement sur la page des paramètres, puis choisissez les éléments que vous souhaitez charger paresseux. Je suggérerais de cocher toutes les cases pour tout charger paresseux.

Et c'est tout! Le chargement paresseux est maintenant installé sur votre site Web WordPress et vous constaterez une belle augmentation de la vitesse du site.

Limiter les révisions de publication

Par défaut, WordPress enregistre les articles et les pages chaque fois que vous les enregistrez afin que vous puissiez revenir en arrière et annuler les modifications si vous gâchez quelque chose.

C'est une fonctionnalité intéressante, mais si vous apportez beaucoup de modifications, cela peut créer une grande base de données.

Je peux créer jusqu'à 100 révisions sur un article de blog afin que vous puissiez imaginer comment cela peut devenir incontrôlable.

Heureusement, nous pouvons limiter le nombre de révisions que WordPress enregistrera.

Tout ce que vous avez à faire est de modifier votre fichier wp-config.php et d'ajouter 1 simple ligne de code. Utilisez le gestionnaire de fichiers cPanel ou FTP pour modifier votre fichier wp-config.php et ajoutez le code suivant :

define ( 'WP_POST_REVISIONS' , 3 ) ;

Modifiez le nombre de révisions de publication/page que vous souhaitez enregistrer au maximum. Voici un exemple de cette implémentation dans notre fichier wp-config.php :

Et c'est tout! Désormais, WordPress n'enregistrera que 3 révisions de publication/page, ce qui libérera beaucoup d'espace dans votre base de données.

Finir

Maintenant que vous avez effectué toutes les optimisations nécessaires ci-dessus, il est temps de faire un test final et de voir à quel point la vitesse augmente.

Nous avons exécuté wpseoexperts.com via l'outil de vitesse Pingdom et avons obtenu un temps de chargement de 1,52 s !

Vous pouvez donc constater par vous-même que ces méthodes peuvent augmenter votre vitesse de 100 % ou plus !