CSS
Critical CSS e CSS utilizzato: cosa rimuovono queste ottimizzazioni, perché un layout si rompe e come rimettere solo la regola mancante.
Rimuovere il CSS inutilizzato ha rotto il mio layout: come trovare gli stili mancanti
Una passata di CSS utilizzato conserva solo le regole che ha visto in uso su un'unica istantanea della pagina, quindi tutto ciò che non era sullo schermo in quel momento (uno stato aperto, l'altro dispositivo, contenuti caricati dopo, un font di icone, un'animazione d'ingresso) perde i suoi stili, e ognuna di queste lacune ha una firma che le indica quale regola rimettere.
Perché il mio mini carrello WooCommerce smette di comparire quando attivo Remove Unused CSS?
Il pannello del mini carrello resta nascosto finché qualcuno non ci passa sopra col mouse, quindi un passaggio used-CSS ne rimuove gli stili e un ritardo JavaScript ne blocca l'apertura. Torna a funzionare non appena si mantengono i suoi stili in una safelist e si lasciano eseguire i suoi script, cart fragments incluso.
Perché il mio critical CSS ha rotto il menu / overlay (appare aperto al caricamento)?
I generatori di critical CSS mantengono solo gli stili per ciò che è visibile nella parte superiore della pagina al caricamento. Gli elementi nascosti di default e aperti al click (menu mobile, overlay di ricerca, modale, drawer) vengono giudicati inutili e rimossi. Il risultato: al caricamento, appaiono aperti, rotti, privi di stile.