Εργαλείο CSS Minify- Δωρεάν διαδικτυακός ελαχιστοποιητής και συμπιεστής CSS

Input data
bfotool loadding
Output data
bfotool loadding

 

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

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

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

 

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

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

 

Παράδειγμα CSS Minify

Προτού:

.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 }