Code Minifier

Αναφορά

Τι είναι η ελαχιστοποίηση κώδικα;

Η ελαχιστοποίηση κώδικα αφαιρεί περιττούς χαρακτήρες από τον πηγαίο κώδικα — κενά, σχόλια, αλλαγές γραμμής και προαιρετικούς διαχωριστές — χωρίς να αλλάζει τη συμπεριφορά του κώδικα. Το αποτέλεσμα είναι ένα μικρότερο αρχείο που κατεβαίνει γρηγορότερα μέσω δικτύου. Η ελαχιστοποίηση είναι τυπικό βήμα σε κάθε σύγχρονο front-end build pipeline και συνιστάται από τις οδηγίες Web Performance της Google για HTML, CSS και JavaScript.

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

Η ελαχιστοποίηση HTML αφαιρεί HTML σχόλια (<!-- ... -->) και συμπτύσσει κενά μεταξύ tags. Οι browsers αγνοούν τα επιπλέον κενά στην HTML, οπότε η αφαίρεσή τους δεν έχει οπτική επίδραση αλλά μειώνει το μέγεθος αρχείου. Η τυπική εξοικονόμηση ελαχιστοποίησης HTML κυμαίνεται από 10–25% ανάλογα με το στυλ μορφοποίησης και την πυκνότητα σχολίων.

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

Η ελαχιστοποίηση CSS αφαιρεί σχόλια (/* ... */), συμπτύσσει κενά και αφαιρεί κενά γύρω από {, }, :, ; και ,. Επίσης αφαιρεί το τελευταίο ελληνικό ερωτηματικό πριν το }, το οποίο επιτρέπεται να παραλείπεται. Καλά σχολιασμένα CSS αρχεία συνήθως βλέπουν 20–40% μείωση μεγέθους. Για production, εργαλεία όπως cssnano και Lightning CSS πάνε παραπέρα συγχωνεύοντας διπλούς κανόνες και συντομεύοντας χρώματα.

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

Αυτό το εργαλείο εκτελεί συντηρητική ελαχιστοποίηση JavaScript: αφαιρεί single-line σχόλια (// ...), multi-line σχόλια (/* ... */) και συμπτύσσει κενά. Αυτό είναι ασφαλές και γρήγορο, αλλά δεν είναι πλήρης optimizer — δεν μετονομάζει μεταβλητές, δεν κάνει tree-shake αχρησιμοποίητα exports ούτε αφαιρεί dead code. Για production builds, χρησιμοποιήστε εξειδικευμένα εργαλεία: Terser (πρότυπο για Webpack/Vite), esbuild (εξαιρετικά γρήγορο, βασισμένο σε Go) ή SWC (βασισμένο σε Rust, χρησιμοποιείται από το Next.js). Αυτά τα εργαλεία επιτυγχάνουν 40–70% μείωση μεγέθους.

Απόρρητο

Όλη η επεξεργασία τρέχει 100% στον browser σας. Δεν αποστέλλονται δεδομένα σε κανέναν server.