Skrypt do automatycznej MINifikacji CSS

[MCs]

Witam,

Mam strone html+css+js. Jednak wszystkie walidatory seo typu: https://developers.google.com/speed/pagespeed/insights/?url=crazyfocia.pl&tab=desktop piszą ze mam tylko 77 /100 i muszę poprawić m.in. "Zoptymalizuj wyświetlanie CSS".

Rozumiem, że chodzi o minifikację.
Teraz - tworząc stronę wygodniej mi mieć wiele mniejszych plików css i to nie zmniejszonych ale po wgraniu zmian na serwer chciałbym abym mógł wersję dev zmienić szybko w wersję produkcyjną z 1 plikiem CSS, zmniejszonym i po kompresji.

Problem:
Jakie można wykorzystać narzędzia / skrypty tak aby po każdej zmianie w CSS na serwerze po odpaleniu tego narzędzia/skryptu łączył on moje wszystkie pliki CSS w jeden + zmniejszał go + kompresował?

Było by to szalenie pomocne bo ręczne łaczenie plików i minifikacja po każdej zmianie w innym pliku CSS to syzyfowa praca.

Z góry dzięki za wskazówki i pomoc.

[atomatic]

Nie używałem, ale widzę że jest narzędzie: link. Daj znać jak sprawdzisz lub znajdziesz inne

[Tomtheman]

Możesz użyć https://gtmetrix.com

Ładnie kompresuje CSS, HTML i obrazki

[jeznacki]

Ja korzystam z Web storma jako edytora i on posiada funkcję File Watchers którą można ustawić własnie dla tego typu rzeczy.

[blazejs]

Pomysl o nauce LESS albo SASS. Mozesz miec wszystko w osobnych plikach a oprogramowanie server-side samo przekonwertuje to na css i zminifikuje. Np. dla Wordpressa jest cos takiego jak Wp-Less. Albo program pod Windowsa SimpLESS - wygeneruje ci 1 css'a z minifikacja. Wiele osobnych css'ow to zly pomysl, im mniej zapytan do serwera tym lepiej.

[netprogs]

Zapoznaj się z dobrym narzędziem o nazwie gulp, oferuje dokładnie to co chcesz, tzn jest możliwość pracy na kilku plikach i przy zapisie jakiegolwiek łączy w jeden wszystkie. Tylko trzeba najpierw gulpa skonfigurować. Nauki nie jest wiele i warto się go nauczyć, oszczędza dużo czasu, ma wiele innych opcji. Sam korzystam z niego gulpjs.com