Odchudzanie plików CSS

Question

Witam, mam plik CSS który zawiera w sobie rożne bootstrapy, fontawesomy itd.. Wszystkie te pliki wrzuciłem w jeden główny pliczek styli. Problem polega na tym, że ponad 1800 linni kodu jest nieużywanych.

W jaki sposób można odchudzić takiego cssa? Szukałem różnych narzędzi i trafiłem na node.js i grunt.js, niestety zależy mi na czasie i zanim to ogarnę mogę się nie wyrobić. Czy znacie może jakieś inne narzędzia na przykład online? Próbowałem też wtyczką do chroma "CSS remove and combine" ale nie działa, niby generuje nowego cssa, ale strona się wysypuje po jego dodaniu.

Dziękuje za odpowiedź i pozdrawiam!

Answer 1

https://github.com/addyosmani/grunt-uncss

Answer 2

Te 1800 linii to plik do edycji czy .min.css? Jeśli nie zrobiłeś z tego jeszcze min.css to łap:
http://csscompressor.com/

Druga sprawa czy wykrzystujesz te 1800 linii w całości? Jeśli nie to sprawa dosyć prosta. Wywalić to co nie jest Ci potrzebne. Czego kompletnie nie używasz.

Comments

to ja wiem, ale ciezko bedzie recznie to wywalic, dlatego szukam czegos co wywali to automatycznie. A wersja min to bedzie dopiero po wywaleniu niepotrzebnych klas.

Answer 3

Nie ma narzędzi, które potrafią usuwać nieużywane obiekty z CSSa. Programy do kompresji nie wykonują dodatkowo każdego kolejnego elementu i nie sprawdzają czy został od wykożystany.

Comments

Są, ludzie powiązani w Google z PageSpeed je zrobili. Patrz: Addy Osmani i uncss

---

Cały czas żyłem w przekonaniu, że takie coś nie istnieje :(