Catégories

Guide WordPress Speed Up – Temps de chargement inférieur à 1.3 secondes [même sur un hébergement bon marché]

La vitesse de la page est un facteur qui peut être mesuré avec précision avec un tas d’outils gratuits en ligne.

De plus, chaque visiteur, même celui qui n’est pas techniquement compétent, pourrait sentir qu’un site Web se charge rapidement ou lentement.

Aujourd’hui, la grande majorité des utilisateurs passent leur temps en ligne dans des applications sociales populaires, lisant des nouvelles des grands sites Web de médias en ligne ou faisant défiler des mèmes sur un site Web amusant.

Le fait est que ces sites Web sont derrière une infrastructure d’un million de dollars, avec leurs propres serveurs puissants offrant la meilleure vitesse de chargement possible.

Optimisation de la vitesse WordPress

Ce n’est pas le cas des petites entreprises et des sites Web personnels hébergés sur un hébergement partagé bon marché. Cela ne signifie pas, par défaut, que tous ces sites sont condamnés à être lents dès le départ.

Il existe des moyens d’accélérer WordPress, même si vous utilisez un serveur d’hébergement partagé bon marché.

Dans cet article, je vais passer en revue certaines des méthodes que j'utilise pour accélérer WpCtrl.com et atteindre les chiffres indiqués ci-dessous (notez que j'utilise un plan d'hébergement de 5 $ au moment où j'écris ceci).

GTMetrix.com test de vitesse de wpctrl.com

Ce n'est pas un score parfait, mais je suis plutôt satisfait des chiffres.

Avant d'appliquer les méthodes que je suis sur le point de vous montrer dans cet article, le même test de vitesse GTMetrix affichait un temps de chargement complet de plus de 5 secondes et une taille de page de plus de 2 Mo.

Passons directement aux correctifs que vous pourriez appliquer à votre site Web et voyons les résultats immédiatement.

1. Obtenez un hébergement WordPress solide

Je n'entrerai pas dans les détails ici. Vous pouvez consulter mon autre article pour un examen détaillé des meilleurs fournisseurs d’hébergement.

Vous ne pouvez pas vous tromper avec la plupart des entreprises populaires, mais je peux suggérer les deux suivantes:

"
Hébergement Hostinger

À partir de $ 1.99 / mois.

Avantages

Meilleur rapport qualité-prix

Outils WordPress spéciaux

CHECK IT OUT[/bouton]

Hébergement Scala

À partir de $3.95/mois.

Avantages

Installateur WordPress en 1 clic

7 Sauvegardes des 7 derniers jours

CHECK IT OUT[/bouton]

[/encadré]

Ce qu’il y a à rechercher

Nous sommes en 2020 et certaines choses dans l'industrie de l'hébergement sont maintenant standard, alors ne tombez pas dans le piège des soi-disant bonus et fonctionnalités premium que les entreprises apportent comme quelque chose d'exceptionnel. Des choses comme – domaine gratuit, SSL gratuit, sauvegardes gratuites, SSD, migration WordPress gratuite, cPanel sont standard maintenant, et devraient être inclus dans votre plan par défaut et ne sont pas quelque chose de premium.

Votre hébergement et votre thème sont les épines dorsales de votre site Web. Cela nous amène au deuxième point.

2. Choisissez un thème WordPress rapide

Cela pourrait être désagréable pour ceux d'entre vous qui ont déjà acheté un thème et découvert qu'il ne se charge pas très rapidement, peu importe ce que vous faites pour l'optimiser.

Ce n'est pas comme si vous étiez totalement foutu, vous pouvez toujours appliquer quelques optimisations pour accélérer WordPress et votre site, mais le résultat final sera toujours moyen.

Comme le note Adrian Cojocariu dans cet article sur la façon dont votre thème affecte le référencement

Un design laid peut effrayer les utilisateurs

La vitesse lente ennuiera les utilisateurs à mort

Une mauvaise structure va intriguer les moteurs de recherche

Si vous regardez les meilleurs thèmes WordPress vendus sur ThemeForest, ils sont tous époustouflants visuellement. Mais lorsque vous effectuez un test de vitesse, vous n'obtiendrez guère un bon score.

Ces thèmes sont généralement livrés avec un constructeur de page (Elementor ou WPBakery Page Builder) avec des tonnes de fonctionnalités, d’éléments et d’options personnalisables.

Bien que toutes ces choses soient excellentes en termes de conception et de possibilités, si votre objectif est de gagner du trafic organique et de vous classer haut sur les SERP, vous feriez mieux de reconsidérer votre choix de thème.

Mes suggestions de thèmes (pour un site de chargement rapide)

NomScore de vitesseDémo en direct
Kwik⚡⚡⚡⚡ ⚡Lire l’avis
Rêne⚡⚡⚡⚡ ⚡Voir maintenant
Personnels⚡⚡⚡⚡Voir maintenant
TopSEO⚡⚡⚡⚡ ⚡Voir maintenant
Gutentype⚡⚡⚡Voir maintenant

Et peu importe la taille et la puissance que vous imaginez que votre site Web soit, rappelez-vous que vous commencerez avec une page blanche et zéro contenu.

Tous ces widgets, menus riches, sections interactives ne signifient rien si vous n'avez pas de contenu correspondant derrière eux.

Jusqu'à présent, une chose est sûre: le contenu est ce qui vous permet d'être classé dans les résultats de recherche, le thème n'est que la « composition » de votre contenu. Il ne devrait en aucun cas interférer avec elle, mais le souligne.

Les thèmes WordPress ont une option clé, et vous, en tant que propriétaire de site Web, devriez avoir cela à l’esprit lorsque vous construisez votre site Web.

Conception de votre page d’accueil. Vous pouvez choisir d’afficher vos derniers messages ou une page statique. Et cela a beaucoup à voir avec la vitesse de votre page d’accueil.

Paramètres de lecture WordPress

Il se trouve dans le menu Paramètres > lecture et définit l'apparence et le fonctionnement de votre page d'accueil.

Expliquons très rapidement quelle est la différence entre les deux.

Vos derniers messages, comme son nom l’indique, afficheront vos derniers messages dans une mise en page spécifique, avec un extrait et l’image en vedette. Certains thèmes peuvent avoir différentes options de mise en page parmi lesquelles vous pouvez choisir.

Alors que l’option de page statique vous donne la liberté de concevoir une page personnalisée, en fonction de vos besoins et de votre contenu. Habituellement, cela nécessitera un constructeur de page comme Elementor ou WpBakery, ou vous pouvez utiliser l’éditeur interne de Gutenberg.

Lequel est le meilleur et que devrais-je choisir?

C'est difficile à dire, les deux ont des avantages et des inconvénients, mais si vous êtes nouveau dans les blogs et WordPress, choisissez l'option des derniers messages pour l'instant.

Il y a beaucoup de blogs à succès qui utilisent encore cette approche (le mien aussi).

En termes de vitesse, encore une fois, cela dépend du type de page personnalisée que vous allez créer ou du nombre de messages que vous afficherez avec l’option des derniers messages.

Habituellement, les derniers messages devraient être plus performants en termes de vitesse, en raison de la réduction du nombre de demandes et du nombre de scripts exécutés.

Passons maintenant à la section plugins. Voici ce que j’utilise pour accélérer les performances de WordPress.

3. Utilisez un plugin de mise en cache WordPress

En quelques clics, de l’installation à l’activation de votre plugin de mise en cache vous réduisez le temps de chargement de votre site de plus de 50%!

Les meilleurs plugins de mise en cache gratuits en ce moment sont:

Plug-inTélécharger
WP-OptimiserVoir ici
AutoptimizeVoir ici
WP Super CacheVoir ici
WP Cache le plus rapideVoir ici
Cache totale W3Voir ici
ColibriVoir ici
LiteSpeed CacheVoir ici

Connaissez votre type de serveur!
Les types de serveurs les plus populaires, que la plupart des fournisseurs d’hébergement utilisent sont – LiteSpeed, Nginx et Apache.
La meilleure mise en cache se produit au niveau du serveur, avec des outils fournis par votre hôte. Par exemple, vous devez utiliser LiteSpeed Cache, uniquement sur les serveurs LiteSpeed.

Ce que j’utilise sur WPCtrl pour accélérer WordPress

J'ai essayé de nombreux plugins de mise en cache au fil du temps et celui qui fonctionne le mieux pour moi et donne les meilleurs résultats est WP Fastest Cache.

Il a la configuration la plus simple de tous les temps, et il fait ce qu’il est censé faire.

Voici ma configuration

Options de cache WP les plus rapides

Il faut faire attention à toutes les actions de minification et de combinaison, elles peuvent casser des parties de votre site web et provoquer des dysfonctionnements !

Si vous utilisez un plan d’hébergement SiteGround , essayez leur plugin SG Optimizer Free. Il fournit la meilleure optimisation possible.

Meilleurs plugins de mise en cache premium

Si vous avez le budget, il existe des plugins de mise en cache payants incroyables.

  • WP Rocket
  • WP-Optimiser
  • Colibri

Désactiver les scripts inutiles (lorsqu’ils ne sont pas nécessaires) pour réduire les requêtes HTTP

L’un des facteurs qui ralentissent la vitesse de la page est le nombre de demandes.

Résultats des tests de GTMetrix.com

Les demandes sont accumulées avec le nombre de plugins que vous ajoutez à votre site WordPress, les images, les fichiers CSS et autres scripts exécutés sur votre page ou votre message.

C'est une bonne idée de désactiver certains scripts, lorsqu'ils ne sont pas nécessaires.

Par exemple, vous pouvez avoir une page d’accueil construite avec le constructeur de page Elementor, mais vos messages sont écrits à l’aide de l’éditeur visuel classique ou des blocs Gutenberg, mais les fichiers JS Elementor sont toujours exécutés sur vos pages de publication.

Vous pouvez réduire le nombre de demandes et accélérer le chargement de vos publications lorsque vous déchargez ces scripts là où vous n'en avez pas besoin. Et la bonne nouvelle, c’est qu’il existe un plugin gratuit pour ce travail !

Téléchargez Asset CleanUp et installez-le.

Activez le mode test à partir des paramètres.

Ensuite, allez dans CSS & JS Manager, vous avez la possibilité de choisir Page d’accueil, Articles ou Pages.

Commencez à partir de la page d’accueil. Ici, vous pouvez décharger tous les plugins comme:

  • Blocs (sauf si votre page d’accueil est construite par des blocs de Gutenberg)
  • Tous les widgets que vous affichez uniquement dans la barre latérale de vos publications (icônes sociales, S’abonner, etc.)

Par exemple, j'utilise des blocs Genesis dans mes messages et je n'en ai pas besoin pour ma page d'accueil.

Notez qu’un plugin peut avoir plus d’un script ou fichier CSS.

Sélectionnez ''Décharger sur cette page'' – cela empêchera le certificat de se charger et ralentira votre page d'accueil.

Je l’ai également fait avec d’autres plugins que je n’utilise que sur mes pages d’articles.

Mettez à jour et vérifiez votre page d’accueil au cas où.

Suivant Décharger les scripts de vos publications

Faites de même pour vos pages d’articles, allez dans CSS & JS Manager.

Tapez quelque chose pour sélectionner un message, peu importe le message que vous choisissez, car nous rechercherons des scripts et des plugins qui ne sont pas utilisés ici.

Ici, vous pouvez sélectionner des plugins que vous n’utilisez pas pour créer vos messages, dans la plupart des cas, ceux-ci incluent:

  • Elementor, WPBakery, Beaver builder ou tout autre constructeur de page.
  • Tout plugin que vous utilisez uniquement sur votre page d’accueil

Trouvez ce dont vous n'avez pas besoin et déchargez-le sur tous les messages

J’espère que vous avez compris le point principal. Vous n'avez pas besoin de « transporter » ces scripts sur toutes vos pages lorsque vous ne les utilisez pas.

Vous pouvez toujours charger à nouveau les scripts si vous trouvez des problèmes causés par cela sur vos pages.

4. Utiliser un CDN (Content Delivery Network)

Expliqué simplement, le CDN stocke une copie du contenu de votre site Web dans plusieurs endroits (serveurs) partout sur la planète, afin de minimiser la distance entre votre visiteur et votre serveur.

Si vous avez un public mondial, ce qui arrivera certainement si vous écrivez votre contenu en anglais, vous feriez mieux d’inclure un service CDN dans votre plan de match pour accélérer encore plus WordPress.

Il existe un CDN gratuit appelé Cloudflare. Je n'aime pas ça, vous pouvez l'essayer si vous voulez.

Ce que j’utilise et ne me coûte que quelques centimes par mois, c’est un service premium appelé BunnyCDN.

Tableau de bord BunnyCDN

Comme vous pouvez le voir sur l’image ci-dessus, je paie 0,0142 $ pour un Go de données servies.

L’ensemble du processus de configuration de BunnyCDN pour fonctionner avec votre сите WordPress est très facile.

Téléchargez le plugin gratuit BunnyCDN et suivez les instructions simples. Vous configurerez votre CDN en un rien de temps.

5. N'allez pas bananes sur les plugins

WordPress est populaire avec son large référentiel de plugins gratuits. Il y a aussi des tonnes de choix premium, sur des sites comme CodeCanyon.

En tant que jeune propriétaire de site Web, vous pourriez vous retrouver dans le lieu commun de penser « pour chaque problème, il y a un plugin ».

Les plugins font un excellent travail et il y a des plugins essentiels que vous devez avoir.

Mais si votre liste de plugins passe à un nombre supérieur à 20-30, vous pourriez reconsidérer la suppression de certains d’entre eux pour accélérer votre site Web.

6. Méfiez-vous de la taille de vos images – Optimisez et compressez vos médias

Les images sont ce qui ajoute le plus à la taille de votre page. Si vous téléchargez des photos de 6MP, 5000 par 3000px dans vos messages, directement lorsque vous les avez téléchargées à partir d’un site Web d’images stock, vous n’obtiendrez presque jamais un bon score de vitesse de page.

Redimensionnez toujours vos images en fonction des tailles spécifiques de votre thème. Si votre message a une image de héros large, utilisez une taille ne dépassant pas 1920px de large. Pour vos images in-post, 990px de large est plus que suffisant.

Créer des versions WebP pour vos images WordPress (JPG et PNG)?

WebP est un format d’image qui fournit une taille de fichier plus petite, rendant ainsi vos pages plus rapides.

Heureusement, depuis WordPress 5.8, la médiathèque prend en charge le format de fichier WepB, et vous pouvez télécharger ces fichiers et les utiliser sur vos messages au format jpeg et png.

Pourquoi WebP est-il important pour le référencement?

En bref, il est créé par Google, donc Google aime les images WebP. L'autre avantage est la plus petite taille des images WebP, ce qui ajouterait quelques millisecondes au temps de chargement de votre page.

Vous pouvez soit utiliser un plugin pour créer des versions WebP de vos images jpg et png actuelles, soit convertir vos images à l’avance dans des outils tels que ezgif.com ou convertio.io.

Plugins WordPress pour générer des images WebP

Si vous utilisez un plugin de mise en cache premium, vous pouvez rechercher s’il existe une option pour générer des images WebP dans les paramètres (cela vous évitera d’avoir à installer des plugins supplémentaires).

Par exemple, LiteSpeed Cache offre cela gratuitement.

Aller à LiteSpeed Cache > Optimisation d’image

Dans l’onglet Paramètres d’optimisation de l’image, sélectionnez

activer les images webp dans LiteSpeed Cache

Ensuite, allez dans l’onglet général et suivez les liens pour créer un compte QUIC.cloud gratuit et demander une clé de domaine et l’ajouter au champ

EWWW Image Optimizer pour les images WebP

Ceci est un autre plugin gratuit populaire pour l’optimisation d’image, qui offre la conversion WebP.

Téléchargez EWWW Image Optimizer, localisez la « WebP Conversion » dans les paramètres et cochez l’option.

Quoi d’autre?

👉 Utilisez l’outil en ligne TinyJPG pour compresser encore plus vos images (sans détériorer leur qualité).

👉 Téléchargez un plugin comme Smush pour optimiser automatiquement vos images lors du téléchargement.

Parfois, vous pouvez obtenir une réduction de 80-90%!

Smush WordPress admin économies totales

7. Optimisez votre base de données WordPress

Pas de panique, je sais que cela semble un peu compliqué mais ce n'est pas le cas.

J’utilise le plugin gratuit WP-Optmize. Ce plugin optimisera non seulement votre base de données, mais fournira également une optimisation de l’image et du cache de page.

Assurez-vous simplement de toujours créer une sauvegarde de votre base de données en cas de problème.

Conclusion

La vitesse de votre site Web n’est pas seulement le nombre de secondes qu’il faut pour charger. Aujourd’hui, le temps de chargement est un facteur majeur dans le référencement et l’expérience utilisateur. Assurez-vous de prendre des mesures pour optimiser vos pages et votre contenu WordPress. Vous pouvez obtenir de bons résultats sans investir une tonne d’argent.


How to Speed-up Your WordPress Website? Step-by-Step.

Step 1: Get a Good Hosting

If that’s still possible, and you haven’t already created your website on some crapy host, go for some of the recommended u003ca href=u0022https://wpctrl.com/wordpress-hosting-guide/u0022 target=u0022_blanku0022 aria-label=u0022 (opens in a new tab)u0022 rel=u0022noreferrer noopeneru0022 class=u0022rank-math-linku0022u003ehosting companiesu003c/au003e.

Step 2: Install a WordPress Caching Plugin

For non-tech savvies, I recommend u003ca href=u0022https://wordpress.org/plugins/wp-fastest-cache/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopener nofollowu0022u003eWP Fastest Cacheu003c/au003e. The caching plugin can speed up your website with just a few clicks.

Step 3: Don’t install too many Plugins

More plugins mean more code and requests, and more code and requests mean a slower page load time. Keep it clean and use only well-known, good-rated plugins.

Step 4: Watch your file size

If your infobox has a placeholder for a 200×100 image, there is absolutely no need to upload a high-quality (1920×1080) image. Just open any image editor (Paint, u003ca aria-label=u0022photopea (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://www.photopea.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003ephotopeau003c/au003e, or Photoshop) and resize it to the needed size.u003cbru003eOther than that every time you upload a big image, try compressing it with free tools like u003ca aria-label=u0022TinyJPG (opens in a new tab)u0022 class=u0022rank-math-linku0022 href=u0022https://tinyjpg.com/u0022 target=u0022_blanku0022 rel=u0022noreferrer noopeneru0022u003eTinyJPGu003c/au003e or u003ca class=u0022rank-math-linku0022 href=u0022https://compressjpeg.com/u0022u003eCompressjpegu003c/au003e.

Disclosure: Some of the links on the page may contain a ref code (affiliate links), that tells the other side that we have sent you. If you liked what we suggest and you make a purchase, we may receive a commission.

WPCtrl.com