Mantys CoreCSS
Critical CSS et CSS utilisé : ce que ces optimisations retirent, pourquoi une mise en page casse, et comment remettre la seule règle manquante.
Supprimer le CSS inutilisé a cassé ma mise en page : comment retrouver les styles manquants
Un passage de CSS utilisé ne garde que les règles qu'il a vues en usage sur un seul instantané de la page, donc tout ce qui n'était pas à l'écran à ce moment-là (un état ouvert, l'autre appareil, un contenu chargé plus tard, une police d'icônes, une animation d'entrée) perd ses styles, et chacun de ces trous a une signature qui vous dit quelle règle remettre.
Pourquoi mon mini-panier WooCommerce cesse-t-il de s'afficher quand j'active « Remove Unused CSS » ?
Le panneau de votre mini-panier est masqué jusqu'à ce qu'on le survole, donc une passe de used-CSS supprime ses styles et un délai JavaScript l'empêche de s'ouvrir. Il revient dès que vous conservez ses styles dans une safelist et laissez ses scripts, cart fragments inclus, s'exécuter.
Pourquoi mon critical CSS a-t-il cassé mon menu / overlay (il s'affiche ouvert au chargement) ?
Les générateurs de critical CSS ne conservent que les styles de ce qui est visible en haut de page au chargement. Vos éléments masqués par défaut et ouverts au clic (menu mobile, overlay de recherche, modale, panneau latéral) sont jugés inutiles et supprimés. Résultat : au chargement, ils s'affichent ouverts, cassés, sans style.