Rút gọn CSS

Rút gọn CSS, HTML và JavaScript mà không làm hỏng chúng

Mã đã rút gọn

Chú thích, dấu cách và ngắt dòng sẽ bị xóa. Tên và giá trị được giữ nguyên nên mã vẫn chạy như cũ.

Mọi thao tác đều diễn ra trong trình duyệt: văn bản của bạn không bao giờ được gửi đi đâu cả.

Cách rút gọn CSS

Bước 1

Dán CSS của bạn vào ô đầu tiên

Bước 2

Xem mã đã rút gọn và số byte tiết kiệm được

Bước 3

Sao chép CSS đã rút gọn vào trang web của bạn

Rút gọn CSS làm gì

Dấu cách, ngắt dòng, thụt lề và chú thích giúp con người đọc bảng kiểu dễ hơn, nhưng trình duyệt không cần chúng. Hãy dán CSS của bạn, và mã đã rút gọn xuất hiện ngay khi bạn gõ, kèm dung lượng tính bằng byte và lượng đã tiết kiệm. Chỉ những gì không làm thay đổi gì mới bị xóa: dấu cách trong bộ chọn con cháu như nav a được giữ, vì nava sẽ là một bộ chọn khác, và các dấu cách mà calc() cần cũng vậy. Các chú thích bắt đầu bằng /*!, thường chứa giấy phép, được giữ lại.

Cùng công cụ này cũng rút gọn HTML và JavaScript: hãy chọn ngôn ngữ phía trên ô nhập. Với HTML, “Xóa chú thích” xóa các chú thích, còn “Rút gọn cả CSS và JavaScript bên trong” rút gọn luôn các khối kiểu và khối tập lệnh của trang. JavaScript được trình duyệt của bạn kiểm tra trước, và nếu mã có lỗi, công cụ sẽ hiển thị lỗi thay vì rút gọn mã. Rút gọn bổ sung cho nén gzip hoặc Brotli của máy chủ, vì hai cách này thu nhỏ tệp theo những cách khác nhau. Mã của bạn không được gửi đi đâu cả.

AnyTextEditor có hữu ích với bạn không?

Xin chào. Chúng tôi đã cố gắng rất nhiều để tạo ra một trang web tiện lợi mà chúng tôi tự sử dụng. Nếu bạn thích bất kỳ công cụ và trình chỉnh sửa nào của chúng tôi, hãy thêm nó vào dấu trang của bạn, vì nó sẽ hữu ích cho bạn nhiều lần. Và đừng quên chia sẻ trên mạng xã hội. Chúng tôi sẽ tốt hơn cho bạn.