Narzędzie CSS Minify
Minifikacja CSS bierze upiększony, dobrze sformatowany kod CSS, który napisałeś i usuwa odstępy, wcięcia, nowe linie i komentarze. Te elementy nie są wymagane do prawidłowego użycia CSS. Sprawia również, że CSS jest trudniejszy do odczytania.
„Najlepszą praktyką” wielu deweloperów jest utrzymywanie „upiększonej” wersji, a podczas wdrażania projektu przepuszczenie stylów przez program minifikacji. Łączą również wiele plików stylów w jeden plik.
Dlaczego warto używać CSS Minifier?
Celem minifikacji jest zwiększenie szybkości witryny. Minimalizacja może zmniejszyć skrypt nawet o 20%, co skutkuje szybszym czasem pobierania. Niektórzy programiści używają jej również do „zaciemniania” swojego kodu. Utrudnia to odczytanie kodu, a tym samym utrudnia jego inżynierię wsteczną lub kopiowanie.
Przykład minifikacji CSS
Zanim:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
Po:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }