thèmes WordPress
Documentation
Recherche d'articles sur le lecteur audio et le thème WordPress

Comment optimiser et accélérer votre site web

Voici un article sur l'optimisation de votre site Web pour le rendre plus rapide. Si vous rencontrez des problèmes de lenteur, cet article est pour vous :

Utilisez l'option de thème "Dynamic CSS into Static Stylesheet's". #

Les options de notre thème et les options des pages individuelles sont chargées à chaque fois qu'une page est chargée. Cela signifie qu'il y a des appels à votre base de données chaque fois qu'une page se charge et cela peut ralentir votre site, surtout si vous utilisez PHP 5.x. (PHP 5.x est deux fois plus lent que PHP 7 d'ailleurs). Assurez-vous donc d'activer l'option "Move Dynamic/Custom CSS Into External Stylesheet ?"en allant dans WP-Admin > Options du thème > Paramètres généraux. Voir la capture d'écran : https://d.pr/i/yIpFnj

Attendez ! Il y a un inconvénient avec cette option : Comme vos options deviendront un fichier CSS standard, elles seront enregistrées dans le cache de votre navigateur. Lorsque vous modifierez l'une des options de votre thème ou de votre page, vous devrez vider le cache de votre navigateur pour voir le changement.

Utilisez un plugin de cache #

C'est essentiel ! Tous les sites Web rapides et performants utilisent un système de mise en cache, qui peut accélérer votre site Web 5 fois plus vite. Les plugins de mise en cache vous permettent de publier des fichiers HTML statiques au lieu de fichiers dynamiques. Cela réduit considérablement le temps de chargement d'une page car il n'y a pas de commandes PHP ou MySQL à exécuter.

Les autres fonctions de mise en cache comprennent la minification, la mise en cache des flux, la compression en Gz, la prise en charge des réseaux de diffusion de contenu (CDN) et bien d'autres encore, mais restons simples pour l'instant.

La mise en cache de vos pages est l'un des moyens les plus efficaces d'améliorer les temps de chargement de vos pages, de nombreux plugins promettant une amélioration d'au moins dix fois. Nous vous recommandons d'utiliser WP Rocket. C'est un plugin payant mais tellement efficace ! Il existe d'autres plugins de mise en cache gratuits mais WP Rocket est le meilleur choix.

Si vous utilisez WP Rocket, (ou tout autre plugin de cache), assurez-vous que :
1- Le cache HTML de la page est activé
2- Désactiver Minify CSS et Minify JS (Nos fichiers sont déjà minifiés donc, cela va créer des conflits).
3- Désactiver Combine CSS et désactiver Combine JS

Vérifiez vos plugins #

Assurez-vous que le plugin Iron Demo importer est désactivé une fois que vous avez importé la première démo de votre thème. Vous n'avez pas besoin de ce plugin, sauf pour importer une nouvelle démo de thème, il est donc préférable de le laisser désactivé.

Avant d'installer un plugin tiers sur votre site Web, demandez-vous si ce plugin est nécessaire.

Les plugins tiers sont l'une des principales causes de la lenteur d'un site WordPress. Plus vous installez de plugins sans faire de recherches, plus vous risquez d'être confronté à des problèmes de performance. Cependant, le nombre de plugins que vous avez installés n'est pas la raison pour laquelle un site WordPress peut être lent.

Certains plugins sont connus pour provoquer la lenteur des sites Web. Il existe de nombreuses raisons à cela, notamment un mauvais codage, des appels vers des serveurs externes, des appels persistants et la mise à jour de votre base de données WordPress. Faites également attention à la quantité de CPU utilisée par les plugins. De nombreux plugins peuvent engorger votre CPU en raison de processus persistants. Si cela se produit, votre serveur tout entier peut tomber en panne.

Un plugin que je vous recommande vivement d'utiliser est P3 Profiler. Développé par GoDaddy, ce plugin vous montrera exactement le temps de chargement que vos plugins ajoutent. Une ventilation est donnée qui affiche exactement combien de charge chaque plugin ajoute. C'est le moyen le plus efficace de voir quels sont les plugins qui ralentissent votre site Web.

Si vous utilisez Essential Grids : #

Assurez-vous que les éléments de la grille utilisent un format d'image approprié. Par défaut, les éléments affichés dans votre grille sont configurés pour charger la grande image ou l'image complète. Par exemple : Si votre grille contient 50 éléments et que chaque élément charge une image de 1 Mo, l'utilisateur devra télécharger 50 Mo d'images pour pouvoir afficher la page ! C'est trop. Vous devriez charger une image moyenne pour le bureau et des vignettes pour les mobiles. Voir la capture d'écran : https://d.pr/i/nigBv6

Pour en savoir plus sur l'optimisation de la grille essentielle, consultez la documentation officielle ici : https://www.themepunch.com/essgrid-doc/optimization/

Optimisez votre image #

Les images peuvent aider à rompre les longs morceaux de texte et à faire en sorte que vos articles soient partagés plus fréquemment sur les services de médias sociaux ; toutefois, elles occupent aussi beaucoup de place dans l'espace de stockage. Par conséquent, les pages qui contiennent de nombreuses images peuvent prendre beaucoup de temps à charger.

Il est donc dans votre intérêt d'optimiser vos images pour l'internet avant de les télécharger sur votre site web. La plupart des applications de retouche photo, telles que Photoshop, vous permettent de le faire via l'option "Enregistrer pour le Web".

Un bon plugin pour optimiser les images qui ont déjà été téléchargées est le suivant WP Smush.it. Il utilise l'API Smush.it pour optimiser les images JPEG, supprimer les métadonnées des JPEG et convertir les images GIF en PNG. Vous devez cependant savoir que le plugin utilise beaucoup de ressources lorsqu'il convertit les images, et que votre site Web peut donc être lent lorsqu'il fonctionne.

Mis à jour le 23 février 2022
Cet article vous a-t-il été utile ?
betterdocs-category-grid-icon

Pour commencer

betterdocs-category-grid-icon

Aide générale

betterdocs-category-grid-icon

Podcast spécifique

Toujours coincé ?
Comment pouvons-nous vous aider ?