Ελαχιστοποίηση CSS

Μικρύνετε CSS, HTML και JavaScript χωρίς να τα χαλάσετε

Ελαχιστοποιημένος κώδικας

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

Όλα γίνονται στο πρόγραμμα περιήγησής σας: το κείμενό σας δεν αποστέλλεται πουθενά.

Πώς να ελαχιστοποιήσετε το CSS

Βήμα 1

Επικολλήστε το CSS σας στο πρώτο πεδίο

Βήμα 2

Δείτε τον ελαχιστοποιημένο κώδικα και τα byte που εξοικονομήθηκαν

Βήμα 3

Αντιγράψτε το ελαχιστοποιημένο CSS στον ιστότοπό σας

Τι κάνει η ελαχιστοποίηση του CSS

Τα κενά, οι αλλαγές γραμμής, οι εσοχές και τα σχόλια βοηθούν τους ανθρώπους να διαβάζουν τα στυλ, αλλά τα προγράμματα περιήγησης δεν τα χρειάζονται. Επικολλήστε το CSS σας και ο ελαχιστοποιημένος κώδικας εμφανίζεται καθώς γράφετε, με το μέγεθός του σε byte και το πόσο εξοικονομήθηκε. Αφαιρείται μόνο ό,τι δεν αλλάζει τίποτα: το κενό σε έναν επιλογέα απογόνου, όπως nav a, μένει, γιατί το nava θα ήταν άλλος επιλογέας, και το ίδιο ισχύει για τα κενά που χρειάζεται το calc(). Τα σχόλια που αρχίζουν με /*!, τα οποία συνήθως περιέχουν άδεια χρήσης, διατηρούνται.

Το ίδιο εργαλείο ελαχιστοποιεί και HTML και JavaScript: διαλέξτε τη γλώσσα πάνω από το πεδίο. Στο HTML, η «Αφαίρεση σχολίων» διαγράφει τα σχόλια και η επιλογή «Ελαχιστοποίηση και του CSS και του JavaScript που περιέχεται» ελαχιστοποιεί και τα μπλοκ στυλ και σεναρίων της σελίδας. Το JavaScript ελέγχεται πρώτα από το πρόγραμμα περιήγησής σας, και αν ο κώδικας έχει σφάλμα, το εργαλείο το δείχνει αντί να τον ελαχιστοποιήσει. Η ελαχιστοποίηση συμπληρώνει τη συμπίεση gzip ή Brotli του διακομιστή, γιατί οι δύο μικραίνουν το αρχείο με διαφορετικό τρόπο. Ο κώδικάς σας δεν στέλνεται πουθενά.

Ήταν χρήσιμο το AnyTextEditor;

Γεια. Προσπαθήσαμε πολύ σκληρά να δημιουργήσουμε έναν βολικό ιστότοπο που χρησιμοποιούμε εμείς οι ίδιοι. Εάν σας άρεσε κάποιο από τα εργαλεία και τους συντάκτες μας, προσθέστε το στους σελιδοδείκτες σας, γιατί θα είναι χρήσιμο για εσάς περισσότερες από μία φορές. Και μην ξεχάσετε να μοιραστείτε τα μέσα κοινωνικής δικτύωσης. Θα είμαστε καλύτεροι για εσάς.