Comment réduire les fichiers CSS / JavaScript dans WordPress

Voulez-vous réduire les fichiers sur votre site WordPress? Réduire la taille de vos fichiers CSS et Javascript WordPress peut leur permettre de se charger plus rapidement et d’accélérer votre site WordPress. Dans ce guide, nous allons vous montrer comment minimiser les fichiers CSS / Javascript dans WordPress pour améliorer les performances et la vitesse..

Qu'est-ce que Minify et quand en avez-vous besoin??

Le terme "Minify" est utilisé pour décrire une méthode permettant de réduire la taille des fichiers de votre site Web. Cet objectif est atteint en supprimant les espaces blancs, les lignes et les caractères inutiles du code source..

Il est généralement recommandé de n'utiliser que les fichiers envoyés aux navigateurs de l'utilisateur. Cela inclut les fichiers HTML, CSS et JavaScript. Vous pouvez aussi minifier les fichiers PHP, mais PHP est un langage de programmation côté serveur et sa taille ne va pas améliorer la vitesse de chargement des pages pour vos utilisateurs..

L'avantage évident de la minification des fichiers est l'amélioration de la vitesse et des performances de WordPress. Les fichiers compacts sont plus rapides à charger et améliorent la vitesse de votre site.

Cependant, certains experts estiment que l'amélioration des performances est très faible pour la plupart des sites Web et ne vaut pas la peine. La minification ne réduit que quelques kilo-octets de données sur la plupart des sites WordPress. Vous pouvez réduire le temps de chargement des pages en optimisant simplement les images pour le Web..

Voici un exemple de code CSS normal:

corps
marge: 20px;
rembourrage: 20px;
couleur: # 333333;
arrière-plan: # f7f7f7;

h1
taille de police: 32px;
couleur # 222222;
marge inférieure: 10px;

Après avoir minimisé le code, il ressemblera à ceci:

body margin: 20px; padding: 20px; color: # 333; background: # f7f7f7 h1 taille de la police: 32px; margin-bottom: 10px

Si vous essayez d’obtenir un score de 100/100 avec Google Pagespeed ou l’outil GTMetrix, une réduction de la taille des fichiers CSS et JavaScript améliorera considérablement votre score..

Cela dit, examinons comment simplifier facilement l'utilisation de CSS / JavaScript sur votre site WordPress..

Minify CSS / Javascript dans WordPress

La première chose à faire est d’installer et d’activer le plugin Better WordPress Minify. Pour plus de détails, consultez notre guide étape par étape pour installer un plugin WordPress..

Lors de l'activation, le plug-in ajoutera un nouvel élément de menu intitulé "Minify BWP" à votre barre d'administration WordPress. En cliquant dessus, vous accédez à la page des paramètres du plug-in..

Sur la page des paramètres, vous devez cocher les deux premières options pour réduire automatiquement les fichiers JavaScript et CSS sur votre site WordPress..

Vous pouvez maintenant cliquer sur le bouton Enregistrer les modifications pour enregistrer vos paramètres..

Il y a beaucoup d'autres options avancées sur cette page. Les paramètres par défaut fonctionnent pour la plupart des sites Web, mais vous pouvez les examiner et les modifier au cas par cas..

Ensuite, vous devez vous rendre sur votre site Web. Faites un clic droit n'importe où, puis sélectionnez "Afficher le code source de la page" dans le menu du navigateur..

Vous allez maintenant voir le code source HTML généré par votre site WordPress. Si vous regardez bien, vous remarquerez que ce plugin chargera des fichiers CSS / JavaScript à partir du propre dossier du plugin au lieu de vos thèmes et plugins WordPress.

Ce sont les versions simplifiées de vos fichiers CSS et JavaScript originaux. Un meilleur plugin WordPress Minify les conservera en cache et transmettra les versions minifiées aux navigateurs.

C’est tout, nous espérons que cet article vous a appris à réduire au minimum votre site WordPress. Vous voudrez peut-être aussi consulter notre guide ultime sur la manière d’accélérer WordPress pour les débutants..

Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Twitter et Facebook.