Δωρεάν Online CSS Minify/Formatter

Input data
bfotool loadding
Output data
bfotool loadding

 

Εργαλείο ελαχιστοποίησης CSS

Η ελαχιστοποίηση CSS παίρνει τον ωραιοποιημένο, καλά διαμορφωμένο κώδικα CSS που έχετε γράψει και αφαιρεί τα κενά, τις εσοχές, τις νέες γραμμές και τα σχόλια. Αυτά τα στοιχεία δεν απαιτούνται για την επιτυχή χρήση του CSS. Επίσης, κάνει το CSS πιο δύσκολο στην ανάγνωση.

Η «βέλτιστη πρακτική» πολλών προγραμματιστών είναι να διατηρούν μια «ωραιοποιημένη» έκδοση και κατά την κυκλοφορία του έργου τους θα εκτελούν τα στυλ μέσω ενός προγράμματος ελαχιστοποίησης. Θα συνδυάσουν επίσης τα πολλά αρχεία στυλ τους σε ένα αρχείο.

 

Γιατί να χρησιμοποιήσετε το CSS Minifier;

Ο σκοπός του minifcation είναι να αυξήσει την ταχύτητα ενός ιστότοπου. Η ελαχιστοποίηση μπορεί να κάνει ένα σενάριο έως και 20% μικρότερο, με αποτέλεσμα ταχύτερο χρόνο λήψης. Ορισμένοι προγραμματιστές θα το χρησιμοποιήσουν επίσης για να «συσκίσουν» τον κώδικά τους. Αυτό καθιστά δύσκολη την ανάγνωση του κώδικα, καθιστώντας έτσι πιο δύσκολη την αντίστροφη μηχανική ή την αντιγραφή.

 

Παράδειγμα ελαχιστοποίησης CSS

Πριν:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Μετά:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }