Comment supprimer les CSS & JS non utilisés dans WordPress (Guide étape par étape)

Référence technique Para / 11 février 2026
Comment supprimer les CSS & JS non utilisés dans WordPress (Guide étape par étape)

Unused CSS and JavaScript (JS) files are a major cause of slow WordPress sites — they load unnecessary code on every page, increasing file sizes, delaying rendering, and hurting Core Web Vitals like Largest Contentful Paint (LCP). With Google’s algorithms penalizing bloated sites and emphasizing mobile speed, removing unused CSS/JS is essential for competitive SEO rankings and low bounce rates. This can cut page size by 20–50% and improve load times significantly.

Chez Cope Business, nous supprimons les CSS/JS non utilisés comme partie centrale de notre services techniques d'audit SEO et Services d'optimisation de vitesse WordPress, aidant les clients à atteindre des charges de 2 secondes et une meilleure visibilité de recherche.

Ce guide étape par étape explique pourquoi les CSS/JS non utilisés sont importants, et trois méthodes efficaces pour les supprimer dans WordPress – en utilisant des plugins (recommandés), du code (léger) et des modifications manuelles (précise). Toujours tester sur la mise en scène en premier!

Qu'est-ce que CSS & JS inutilisé et pourquoi le supprimer?

CSS/JS non utilisé fait référence à des styles/scripts chargés sur une page mais pas réellement utilisés (par exemple, un plugin charge CSS complet sur chaque page, même si seulement nécessaire sur une). Cela crée des ressources de blocage de rendu, retardant lorsque les utilisateurs voient du contenu.

Pourquoi l'enlever ?

  • Chargement plus rapide: Réduit la taille des requêtes et des fichiers HTTP
  • Meilleur référencement: Améliore LCP/CLS (Core Web Vitals) — facteur de classement direct
  • Taux de rebond plus bas: Les utilisateurs restent si le contenu se charge instantanément
  • Optimisation mobile: Critique pour les connexions lentes
  • Économies de ressources: Moins de bande passante/CPU sur votre serveur

Des outils tels que GTmetrix/PageSpeed Insights flag (Enlever CSS/JS) inutilisés — la fixer augmente les scores de 70 à 90+.

Étape par étape : Comment supprimer les CSS & JS inutilisés dans WordPress

ce qui est inutilisé css et js et pourquoi le supprimer

Méthode 1: Utilisation d'un plugin de performance (plus facile et recommandé)

Plugins automatiser la détection et la suppression du code inutilisé par page.

Plugin recommandé : Rocket WP (Premium – Notre sélection supérieure)

étape par étape comment supprimer css et js inutilisés dans wordpress

WP Rocket est le meilleur pour l'enlèvement automatique de CSS/JS inutilisé.

Étapes

installer le plugin d'optimisation
  • Installer Rocket WP (~59$/an) — téléchargement via Plugins > Ajouter Nouveau (pas dans le dépôt).
  • Activer → Aller à WP Rocket > Paramètres > Optimisation des fichiers.
enabe css optimisation
  • Activer Supprimer CSS non utilisé — WP Rocket scanne les pages, génère CSS utilisé, et supprime le reste.
  • Pour JS : Activer Retarder l'exécution JavaScript (défend les JS non critiques).
reporter les fichiers javascript
  • Sauvegarder → Effacer le cache → Tester avec GTmetrix (rechercher une taille CSS/JS réduite et une meilleure LCP).
testez de nouveau et vérifiez l'amélioration du score
  • Avancé: Exclure des fichiers spécifiques si des problèmes (p. ex., plugin critique JS).

Autres: Autoptimiser (gratuit) + CSS critique add-on — Activer les fichiers JS (en ligne et en différé).

Pour: Automatique, optimisation par page, pas de travail manuel.
Points négatifs: Premium (mais en valeur pour les sites sérieux).

Méthode 2: Utilisation d'extraits de code (léger – contrôle manuel)

Pour suppression ciblée sans plugins.

Étapes

  • Installer Code WP (libre) de Plugins > Ajouter un nouveau — plus sûr pour le code.
  • Allez à Extraits de code > Ajouter un extrait de code → Créer un nouveau titre intitulé "Supprimer les CSS/JS" non utilisés.
  • Coller ce code pour la suppression CSS (utilise la logique PurgeCSS — installez PurgeCSS via Compositeur ou manuellement si avancé):
PHP// Defer non-critical CSS function cope_defer_non_critical_css() { ?> <script> function deferCss() { var links = document.querySelectorAll('link[rel="stylesheet"]'); links.forEach(link => { if (link.getAttribute('data-defer') === 'defer') { link.rel = 'preload'; link.as = 'style'; link.onload = function() { this.rel = 'stylesheet'; }; } }); } window.addEventListener('load', deferCss); </script> <?php } add_action('wp_head', 'cope_defer_non_critical_css', 999); // Add data-defer to non-critical stylesheets (manual – identify via GTmetrix) function cope_add_defer_to_css() { // Example: Defer specific CSS file wp_dequeue_style('non-critical-style-handle'); // Replace handle wp_enqueue_style('non-critical-style-handle', get_stylesheet_directory_uri() . '/non-critical.css', array(), '1.0', 'all'); // Re-enqueue with media='print' or defer } add_action('wp_enqueue_scripts', 'cope_add_defer_to_css', 999);
  • Pour JS: Utilisez des attributs async ou reportez dans les fonctions enqueue.
  • Enregistrer et activer → Tester avec GTmetrix.

Pour: Gratuit, précis, pas de plugins supplémentaires.
Points négatifs: Identification manuelle; nécessite des essais.

Méthode 3 : Suppression manuelle avec outils (avancée – précise)

Pour une optimisation unique ou profonde.

Étapes

  • Utilisez GTmetrix ou Chrome DevTools (F12 → Couverture) pour identifier les CSS/JS inutilisés.
  • Extraire le code utilisé avec des outils comme UnusedCSS.com ou PurifyCSS.
  • Inline critical CSS (ci-dessus) dans <head> via WPCode:
PHPfunction cope_inline_critical_css() { echo '<style> /* Paste critical CSS here */ </style>'; } add_action('wp_head', 'cope_inline_critical_css', 1);
  • Reporter non critique : Ajouter async ou reporter aux balises de script via code.
  • Tester et itérer.

Pour: Optimisation maximale.
Points négatifs: Longtemps ; pas dynamique.

Meilleures pratiques pour éliminer les CSS/SJ inutilisés

  • Essai LCP/CLS: Utilisez PageSpeed Insights avant/après — visez <2.5s LCP.
  • Mobile-Première: Optimisez les vues mobiles (la plupart du trafic).
  • Éviter le déplacement excessif: Exclure les plugins critiques (par exemple, WooCommerce checkout JS).
  • Combiner avec d'autres objectifs: Minifier, précharger (voir notre guide), CDN.
  • SEO: site plus rapide = meilleurs classements; moniteur avec Search Console.
  • Dépannage: En cas de rupture, exclure les fichiers dans les paramètres du plugin.

Enlever le code inutilisé peut réduire la taille de la page de 30 à 70 % — massive pour la vitesse.

Réflexions finales

Enlever CSS & JS inutilisés dans WordPress est une optimisation haute ROI qui améliore directement la vitesse et le référencement. Utilisation Rocket WP pour les résultats automatiques ou le code de contrôle — commencer par un audit du site pour identifier le ballonnement.

La vitesse gagne — optimiser ou perdre les classements.

Taille de page haute ou charges lentes? Besoin d'un audit d'optimisation complet? Contacter Cope Business pour une consultation SEO technique gratuite — nous allons scanner votre site, supprimer le ballonnement, et fournir des optimisations pour les performances de pointe.

Cet article était - il utile?
OuiNuméro

Postes connexes