Existe-t-il une méthode (autre que les essais et les erreurs) que je peux utiliser pour trouver les fichiers image inutilisés ? Qu'en est-il des déclarations CSS pour les ID et les classes qui n'existent même pas dans le site ?
Il semble qu'il pourrait y avoir un moyen d'écrire un script qui scanne le site, le profile, et voit quelles images et quels styles ne sont jamais chargés.
Vous n'avez pas besoin de payer un service web ou de chercher un addon, vous l'avez déjà dans Google Chrome sous F12 (Inspector)->Audits->Remove unused CSS rules
Capture d'écran : 
Mise à jour : 30 juin 2017
Désormais, Chrome 59 offre Couverture du code CSS et JS . Voir https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage
C'est bien d'utiliser les outils existants, mais cela ne scanne que la page chargée, pas le site entier ?
Génial, merci. Faites attention aux sites Web réactifs car vous devrez recharger pour différentes tailles afin de savoir si un ou plusieurs de ces styles ne sont pas utilisés. Il ne détecte que les styles de la fenêtre d'affichage visualisée.
Cela peut ne pas être une option viable pour les sites qui compriment toutes leurs css dans un seul fichier. Si vous vérifiez une page particulière, vous verrez beaucoup de css inutilisés, mais ces styles seront utilisés sur d'autres pages. Donc, l'audit d'une seule page n'est pas une bonne option à mon avis.
Il existe une extension Firefox qui trouve les sélecteurs CSS inutilisés sur une page. Elle dispose d'une option permettant d'explorer l'ensemble du site. La version 3.01 devrait fonctionner avec les nouvelles versions de Firefox.
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
Et voici une autre option.
Au niveau du fichier :
utilisez wget pour explorer le site de manière agressive, puis traitez les journaux du serveur http pour obtenir la liste des fichiers accédés, comparez-la avec les fichiers du site.
diff \
<(sed some_rules httpd_log | sort -u) \
<(ls /var/www/whatever | sort -u) \
| grep something
L'option wget miroir est un bon moyen d'élaguer automatiquement les fichiers non référencés et inutilisés, c'est à dire wget -m <your site> . Les feuilles de style doivent d'abord être débarrassées des sélecteurs inutilisés - ce projet semble être un bon candidat pour cette tâche automatique : développeurs.google.fr/speed/pagespeed/psol
Vérificateur de redondance CSS est un outil que vous exécutez localement, auquel vous passez une feuille de style et soit une liste d'URL, soit un répertoire de fichiers HTML. Voici la description donnée sur le site de l'outil :
Un simple script qui, étant donné une feuille de style CSS et soit un fichier .txt listant les URL des fichiers HTML, soit un répertoire de fichiers HTML, va itérer et listera les instructions CSS dans la feuille de style qui ne sont jamais jamais appelées dans le HTML.
En fait, il vous aide à conserver des fichiers CSS pertinents et compacts. Et il est raisonnablement précis.
Essayez WARI - Web Application Resource Inspector.
Il trouve les images inutilisées, les CSS/JS inutilisés et dupliqués.
Lien : wari.konem.net
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
5 votes
Plus d'informations sur stackoverflow.com/questions/135657/
0 votes
Essayez gulp-delete-unused-images pour les images