CSS Minifier Online
Ελαχιστοποιήστε τα CSS, JavaScript, HTML ή JSON στο πρόγραμμα περιήγησης: αφαιρέστε σχόλια και κενό διάστημα, δείτε το μέγεθος που αποθηκεύτηκε αμέσως.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τον ελαχιστοποιητή κώδικα με προεπιλεγμένο CSS. Επικολλήστε ένα φύλλο στυλ, πατήστε το κουμπί και θα λάβετε μια ενιαία συμπαγή γραμμή: τα σχόλια αφαιρέθηκαν, το κενό κενό συμπτύχθηκε γύρω από αγκύλες, άνω και κάτω τελείες, ερωτηματικά και κόμματα και το περιττό τελευταίο ερωτηματικό πριν πέσει κάθε αγκύλη κλεισίματος.
Το CSS ανταποκρίνεται πολύ καλά στην ελαχιστοποίηση, επειδή τα μορφοποιημένα φύλλα στυλ είναι κυρίως εσοχές και σχόλια — η τυπική εξοικονόμηση εκτελείται μεταξύ 15% και 40% του μεγέθους του αρχείου. Το μικρότερο CSS σημαίνει ότι το πρόγραμμα περιήγησης αρχίζει να αποδίδει νωρίτερα, καθώς τα φύλλα στυλ είναι πόροι αποκλεισμού απόδοσης: κάθε kilobyte που περικόπτεται από το CSS συντομεύει το χρόνο για την πρώτη ζωγραφική σε αργές συνδέσεις.
Ο minifier είναι προσεκτικός όπου έχει σημασία: οι συμβολοσειρές στις ιδιότητες περιεχομένου και οι τιμές url() αντιγράφονται αυτολεξεί, και τα κενά γύρω από τις άνω και κάτω τελείες σε επίπεδο επιλογέα διατηρούνται έτσι ώστε οι συνδυασμοί όπως "a :hover" να διατηρούν το νόημά τους. Ο πίνακας μεγέθους εμφανίζει byte πριν και μετά συν το ποσοστό που έχει αποθηκευτεί και το αποτέλεσμα μπορεί να αντιγραφεί ή να ληφθεί με ένα κλικ.