Nén Mã Nguồn
Chỉ phía trình duyệtNén và làm đẹp mã JS, CSS và HTML.
📝 Input Code
✅ Output Code
🗜️ Minification
Removes whitespace, comments, and optimizes code for smaller file sizes. Perfect for production.
✨ Beautification
Formats code with proper indentation and spacing. Makes code more readable and maintainable.
🔒 Privacy First
All processing happens in your browser. Your code is processed locally and not sent to our servers.
Rút gọn mã (Minification) là gì?
Rút gọn mã là quá trình loại bỏ tất cả các ký tự không cần thiết khỏi mã nguồn mà không làm thay đổi chức năng của nó. Điều này bao gồm loại bỏ khoảng trắng, ký tự xuống dòng, comment, và đôi khi rút ngắn tên biến. Mục tiêu là giảm kích thước tệp của mã, từ đó giảm lượng dữ liệu cần truyền qua mạng.
Điều này giúp tăng tốc độ tải trang và cải thiện hiệu năng cho các ứng dụng web. Trong khi rút gọn mã là điều cần thiết cho môi trường production, nó khiến mã gần như không thể đọc và gỡ lỗi được đối với con người. Do đó, nó thường được thực hiện như bước cuối cùng trong quy trình build trước khi triển khai lên máy chủ thực tế.
Cách sử dụng công cụ này
- Chọn ngôn ngữ lập trình (JavaScript, CSS, HTML, hoặc JSON) từ các tab ở trên cùng.
- Dán mã nguồn của bạn vào ô văn bản "Mã đầu vào" bên trái.
- Nhấp nút "Rút gọn mã" để giảm kích thước tệp cho việc sử dụng production.
- Ngoài ra, nhấp "Làm đẹp mã" để thêm thụt lề và định dạng giúp dễ đọc hơn.
- Xem kết quả trong ô "Mã đầu ra" và nhấp "Sao chép" hoặc "Tải xuống" để lưu mã đã tối ưu của bạn.
Trường hợp sử dụng phổ biến
- Triển khai production: Rút gọn các tệp JS và CSS của bạn trước khi tải lên máy chủ web để cải thiện tốc độ trang web và SEO.
- Mẫu email: Rút gọn mã HTML email để đảm bảo nó nằm trong giới hạn kích thước của các trình email khác nhau và tải nhanh cho người nhận.
- Phản hồi API: Rút gọn dữ liệu JSON trước khi gửi từ máy chủ của bạn để giảm băng thông sử dụng và chi phí egress.
- Kiểm toán mã: Dùng công cụ làm đẹp để định dạng mã lộn xộn hoặc đã rút gọn bạn tìm thấy trên mạng để hiểu cách nó hoạt động.
Mẹo hay
- Luôn giữ mã nguồn gốc, chưa rút gọn cho phát triển và chỉ dùng phiên bản đã rút gọn cho triển khai production.
- Dùng Source Map để kết nối giữa mã production đã rút gọn và mã phát triển dễ đọc, cho phép gỡ lỗi hiệu quả trong trình duyệt.
- Kết hợp rút gọn mã với nén Gzip hoặc Brotli trên máy chủ của bạn để giảm tối đa kích thước tệp và thời gian truyền.