Dernières publications

Vous êtes ici : Labo JNG WEB : Sites & Référencement » Référencement » Optimiser vos CSS en supprimant les propriétés inutiles

Optimiser vos CSS en supprimant les propriétés inutiles

Après quelques mises à jour de votre site web, il se pourrait que votre fichier CSS contienne quelques anciennes propriétés CSS devenues inutiles. En réalisant le tri des propriétés utilisées et non utilisées, vous pourrrez supprimer ces dernières et ainsi optimiser votre feuille de style. En effectuant ce genre d’optimisation, vous améliorerez le temps de chargement de vos pages, et par la même occasion vous améliorerez le référencement de votre site internet.

Comment trouver les propriétés CSS inutilisées ?

Au premier abord, la recherche des propriétés CSS inutilisées peut s’avérer être une tâche compliquée. Cependant, en utilisant un outil adéquat, cette tâche va devenir un jeu d’enfant. Pour celà, je vous invite à découvrir Hélium CSS.

Qu’est-ce qu’Hélium CSS ?

Hélium CSS est un script javascript qui va rechercher les propriétés CSS inutiles. Après avoir installé le script et lancer l’analyse des pages désirées, Hélium CSS va vous délivrer un rapport contenant les propriétés inutiles grâce à un code couleur.

Obtenir Hélium CSS

Vous pouvez découvrir, tester et télécharger Hélium CSS en vous rendant sur cette page : https://github.com/geuis/helium-css

Quelques alternatives à Hélium CSS…

Voici quelques alternatives à Hélium CSS :

  • Dust-Me Selectors : extension pour Firefox qui permet de détecter les propriétés CSS inutilisées
  • Google Chrome : outil développement -> onglet audit

Si vous le souhaitez, vous pouvez suggérer d’autres alternatives grâce aux commentaires.

Les requêtes qui ont permis d'accéder à cet article:

  • css labo
Commentaires
  1. Trackbacks

Add Comment Register



Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge