Αυτό το minifier ακολουθεί μια συντηρητική στρατηγική για τα κενά. Συμπτύσσει τη σήμανση, αλλά κρατά ένα κενό όπου μπορεί να χρειάζεται ανάμεσα σε γειτονικό inline περιεχόμενο. Τα λειτουργικά σχόλια υπό συνθήκη, οι οδηγίες Server Side Includes και τα σχόλια Knockout παραμένουν ανέπαφα. Το HTML δεν φεύγει ποτέ από τη συσκευή.
Δωρεάν HTML minifier
Λειτουργεί εξ ολοκλήρου στον browser σας - χωρίς μεταφόρτωση, χωρίς εγγραφή.
HTML εισόδου
Συμπιεσμένο HTML
Επικολλήστε HTML για να δείτε το συμπιεσμένο αποτέλεσμα
Τι κάνει ένα HTML minifier;
Ένα HTML minifier συμπιέζει τη σήμανση αφαιρώντας τα απλά σχόλια, τις εσοχές, τις αλλαγές γραμμής και τα περιττά κενά που δεν χρειάζεται ο browser. Επικολλήστε ένα έγγραφο ή τμήμα για να πάρετε συμπαγές HTML και ακριβή μέτρηση των byte που εξοικονομήθηκαν. Το περιεχόμενο των script, style, pre και textarea μένει αμετάβλητο, ενώ όλη η επεξεργασία γίνεται τοπικά στον browser.
Πώς λειτουργεί
- 1Επικολλήστε το HTML. Προσθέστε ένα πλήρες έγγραφο ή τμήμα HTML στο πεδίο εισόδου ή φορτώστε το παράδειγμα.
- 2Επιλέξτε χειρισμό σχολίων. Αφήστε ενεργή την αφαίρεση σχολίων για το μικρότερο αποτέλεσμα ή απενεργοποιήστε την όταν πρέπει να μείνουν οι σημειώσεις ελέγχου.
- 3Ελέγξτε την εξοικονόμηση. Συγκρίνετε το αρχικό και το συμπιεσμένο μέγεθος σε byte UTF-8, το ποσοστό εξοικονόμησης, τις γραμμές που αφαιρέθηκαν και τα σχόλια που αφαιρέθηκαν.
- 4Αντιγράψτε το αποτέλεσμα. Αντιγράψτε το συμπαγές HTML στο build output, στο CMS ή στο τοπικό project. Κρατήστε τον ευανάγνωστο πηγαίο κώδικα για μελλοντικές αλλαγές.
Σε ποιους απευθύνεται
- Προγραμματιστές frontend που δημιουργούν μικρότερο αντίγραφο παραγωγής μιας στατικής σελίδας, ενός component demo ή ενός email template.
- Ομάδες επιδόσεων που μετρούν πόσα ασυμπίεστα byte HTML προσθέτουν η μορφοποίηση και τα σχόλια ανάπτυξης.
- Συντάκτες CMS που μειώνουν εξαγόμενα τμήματα σελίδας πριν τα τοποθετήσουν σε template ή block περιεχομένου.
- Σπουδαστές που συγκρίνουν ευανάγνωστη πηγαία σήμανση με τη συμπαγή μορφή που μπορεί να αναλύσει ο browser.
Συχνές ερωτήσεις
Είναι δωρεάν αυτό το HTML minifier;
Ναι. Το HTML minifier χρησιμοποιείται δωρεάν, χωρίς λογαριασμό, λήψη ή όριο χρήσης. Επικολλήστε τη σήμανση, δείτε το αποτέλεσμα ζωντανά και αντιγράψτε το απευθείας από τον browser.
Μεταφορτώνεται κάπου το HTML μου;
Όχι. Η συμπίεση και η μέτρηση των byte γίνονται τοπικά στον browser. Το HTML που επικολλάτε δεν αποστέλλεται σε server, οπότε μπορείτε να επεξεργαστείτε στη συσκευή σας μη δημοσιευμένα templates, εσωτερικούς συνδέσμους και ιδιωτικά τμήματα σελίδων.
Πόσο HTML μπορώ να συμπιέσω;
Δεν υπάρχει όριο μεγέθους από server, επειδή το εργαλείο δεν μεταφορτώνει την είσοδο. Το πρακτικό όριο εξαρτάται από τη μνήμη του browser και της συσκευής, αλλά οι συνηθισμένες σελίδες, τα templates και τα έγγραφα email ενημερώνονται άμεσα.
Αλλάζει το minifier το περιεχόμενο των script ή style;
Όχι. Το περιεχόμενο των στοιχείων script και style διατηρείται byte προς byte. Η ίδια προστασία ισχύει για pre και textarea, όπου τα κενά και οι αλλαγές γραμμής μπορεί να έχουν σημασία. Χρησιμοποιήστε ξεχωριστά CSS ή JavaScript minifiers αν χρειάζεται συμπίεση και στις ενσωματωμένες γλώσσες.
Ποια σχόλια HTML αφαιρούνται;
Όταν είναι ενεργή η αφαίρεση σχολίων, διαγράφονται τα απλά σχόλια ανάπτυξης. Τα λειτουργικά σχόλια υπό συνθήκη του Internet Explorer, οι οδηγίες Server Side Includes και τα σχόλια binding του Knockout παραμένουν στο αποτέλεσμα, επειδή η διαγραφή τους μπορεί να αλλάξει τη συμπεριφορά. Μπορείτε επίσης να κρατήσετε όλα τα σχόλια απενεργοποιώντας την επιλογή.
Μπορεί η συμπίεση HTML να αλλάξει την εμφάνιση μιας σελίδας;
Η επιθετική αφαίρεση κενών μπορεί να ενώσει λέξεις ή να αλλάξει περιεχόμενο που εξαρτάται από τα κενά. Το εργαλείο ακολουθεί συντηρητική προσέγγιση: συμπτύσσει τα περιττά κενά, κρατά πιθανά inline διαχωριστικά και προστατεύει τα raw ή preformatted blocks. Ελέγχετε πάντα τη σελίδα παραγωγής μετά τη συμπίεση.
Μπορώ να επαναφέρω αργότερα την αρχική μορφοποίηση;
Ένα formatter μπορεί να προσθέσει ευανάγνωστες εσοχές σε συμπιεσμένο HTML, αλλά δεν μπορεί να ανακτήσει τα σχόλια που αφαιρέθηκαν ή τις ακριβείς αρχικές αλλαγές γραμμής. Κρατήστε το ευανάγνωστο αρχείο στο version control και αντιμετωπίστε το συμπιεσμένο αποτέλεσμα ως build output.