Comment puis-je identifier et supprimer les images et CSS inutilisés de mon site Web ?

Identifier les images et les styles CSS inutilisés dans un site Web

Trouver les ressources inutilisées dans un site Web peut être une tâche fastidieuse, mais c'est essentiel pour l'optimisation performances et en minimisant la taille du fichier de votre site.

Images :

Une façon d'identifier les images inutilisées consiste à utiliser la fonctionnalité « Audits » de Google Chrome. En ouvrant DevTools (F12) et en accédant à l'onglet "Audits", vous pouvez effectuer un audit "Bonnes pratiques d'accessibilité", qui identifiera les fichiers image inutilisés.

CSS :

Chrome à partir de la version 59 offre également des fonctionnalités de « couverture de code CSS » et de « couverture de code JS ». En utilisant ces fonctionnalités, vous pouvez analyser quel code CSS et JavaScript est réellement exécuté sur votre site. Toutes les déclarations CSS ou sélecteurs d'ID/classe inutilisés peuvent être identifiés et supprimés.

Outils supplémentaires :

Il existe également des outils tiers disponibles pour détecter les ressources inutilisées dans votre site Web.

• Lighthouse : Un outil d'analyse Web automatisé qui comprend un "CSS et Audit "JS".
• Extension de navigateur Web Developer : Fournit une fonctionnalité "CSS inutilisée" qui affiche les sélecteurs CSS inutilisés.
• Marque-page du profileur CSS : Un outil simple qui génère une liste de règles CSS inutilisées.

En utilisant ces méthodes, vous pouvez réduisez considérablement la surcharge des images et des styles CSS inutilisés, ce qui permet d'obtenir un site Web plus rapide et plus efficace.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!