Milten.ioMilten

CSS

Analyse des feuilles de style : taille, couverture, spécificité des sélecteurs et déclarations en double.

Avantages

Couverture CSS à l'octet près
Mesure précise du CSS utilisé vs inutilisé par fichier. Voyez exactement combien de kilo-octets le navigateur télécharge pour rien et réduisez le poids de la page.
Contrôle de la spécificité
Rapport sur la spécificité minimale, moyenne et maximale des sélecteurs avec le top 10 des plus lourds. Garde la cascade prévisible et les styles faciles à maintenir.
Détection des doublons et !important
Découverte automatique des déclarations répétées et de l'abus de !important. Réduisez la taille du CSS sans perte de fonctionnalité.
Carte complète des styles
Vue d'ensemble de chaque fichier connecté — externe et en ligne — avec tailles, types et pourcentages de couverture. Media queries, préfixes vendeur, couleurs et polices dans un seul rapport.

Comment ça marche

Outils

Valider le HTML
Accessibilité
CSS
Jetons de conception
Charge utile RSC

FAQ

Le navigateur télécharge et analyse tout le CSS avant de commencer le rendu. Les styles superflus augmentent le temps de blocage, ralentissant FCP et LCP. Supprimer le CSS inutilisé est l'un des moyens les plus efficaces d'accélérer le chargement.

La spécificité détermine quelle règle CSS l'emporte en cas de conflit. Une spécificité élevée entraîne des «guerres de sélecteurs» et complique la maintenance. Le rapport met en évidence les sélecteurs problématiques pour simplifier la cascade.

!important casse la cascade CSS naturelle et rend les styles imprévisibles. Chaque nouveau !important oblige à en ajouter un autre pour le surcharger. Le rapport liste toutes ces déclarations pour un refactoring progressif.

Taille totale du CSS, nombre de fichiers, règles et sélecteurs, pourcentage de styles inutilisés, top spécificité, liste des doublons, déclarations !important, media queries, préfixes vendeur, palette de couleurs et polices utilisées.

L'analyse d'une page prend généralement moins d'une minute. Le service charge la page dans un vrai navigateur, collecte toutes les feuilles de style et analyse la couverture en conditions réelles.
Nous utilisons des cookies

Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site web. Pour plus d'informations sur notre utilisation des cookies, veuillez consulter notre politique relative aux cookies.