Mantys CoreCSS
Critical CSS und genutztes CSS: was diese Optimierungen entfernen, warum ein Layout bricht, und wie Sie nur die fehlende Regel zurückholen.
„Ungenutztes CSS entfernen“ hat mein Layout kaputt gemacht: So finden Sie die fehlenden Styles
Ein Used-CSS-Durchlauf behält nur die Regeln, die er auf einer einzigen Momentaufnahme der Seite in Gebrauch gesehen hat. Alles, was in diesem Moment nicht auf dem Bildschirm war (ein geöffneter Zustand, das andere Gerät, später geladene Inhalte, eine Icon-Schrift, eine Einblendanimation), verliert seine Styles, und jede dieser Lücken hat eine Signatur, die Ihnen sagt, welche Regel Sie zurückholen müssen.
Warum verschwindet mein WooCommerce Mini-Warenkorb, wenn ich Remove Unused CSS aktiviere?
Ihr Mini-Warenkorb-Panel ist versteckt, bis jemand es hovert, sodass ein used-CSS-Durchlauf seine Styles entfernt und eine JavaScript-Verzögerung das Öffnen verhindert. Es funktioniert wieder, sobald Sie seine Styles in einer Safelist behalten und seine Skripte, cart fragments eingeschlossen, laufen lassen.
Warum hat mein Critical CSS mein Menü / Overlay kaputtgemacht (es erscheint beim Laden offen)?
Critical-CSS-Generatoren behalten nur die Styles für das, was beim Laden im oberen Seitenbereich sichtbar ist. Ihre standardmäßig ausgeblendeten und per Klick geöffneten Elemente (mobiles Menü, Such-Overlay, Modal, Drawer) werden als nutzlos eingestuft und entfernt. Das Ergebnis: Beim Laden erscheinen sie offen, kaputt, ungestylt.