# Dlaczego kod CSS się duplikuje?
Przy utrzymaniu długoterminowych projektów webowych lub pracy z kodem dziedziczonym (legacy code) bardzo często zdarza się, że kilku programistów pisze nakładające się reguły CSS. Z obawy przed zepsuciem istniejącego projektu deweloper woli dodać nową, nadmiarową regułę na końcu dokumentu zamiast edytować lub refaktoryzować oryginał.Efektem jest nieefektywny plik z dziesiątkami wielokrotnie zadeklarowanych selektorów, który zabija czytelność i znacząco zwiększa wagę pobieranej strony.# Ukryty wpływ na wydajność stron (Web Vitals)
Pliki stylów blokują naturalne renderowanie przeglądarki (zasób Render-Blocking). Dopóki przeglądarka nie pobierze i nie zbuduje kompletnego CSSOM, ekran pozostaje pusty. Usuwanie nadmiarowych stylów to nie tylko kwestia porządku w kodzie — to mierzalna i natychmiastowa poprawa kluczowych metryk, takich jak First Contentful Paint (FCP).
# Jak scalamy zduplikowane reguły
To narzędzie działa jak inteligentny asembler. Zamiast tylko kompresować białe znaki (jak robi to tradycyjny minifier), rekurencyjnie przeszukuje tekst w poszukiwaniu identycznych wzorców selektorów.- Wyobraź sobie, że masz regułę
.box { color: red; }, a sto linii niżej.box { padding: 10px; color: blue; }. Narzędzie scali oba bloki pod tym samym selektorem.box, łącząc padding. - Zachowanie kaskady CSS: W przypadku bezpośrednich konfliktów algorytm ściśle zachowuje ostatnio zadeklarowaną właściwość. Dzięki temu twój oryginalny układ nie rozpadnie się po wyczyszczeniu dokumentu.