Nén CSS online miễn phí (và định dạng lại)
Nén hoặc định dạng lại CSS ngay trong trình duyệt. Loại bỏ chú thích và khoảng trắng để giảm dung lượng tệp.
🔒 Tệp của bạn không bao giờ rời khỏi trình duyệt. Mọi xử lý đều diễn ra cục bộ.
Cách nén CSS online
- 1
Dán mã CSS của bạn
Dán hoặc nhập mã CSS vào ô đầu vào.
- 2
Chọn Nén hoặc Định dạng
Nhấn Nén CSS để thu gọn mã, hoặc Định dạng CSS để căn lề thụt đầu dòng nhất quán.
- 3
Sao chép kết quả
Kết quả hiện ở bên phải. Nhấn Sao chép để chép vào bộ nhớ tạm.
CSS chặn quá trình hiển thị: trình duyệt không thể vẽ gì cho đến khi tải và phân tích xong mọi stylesheet trong phần head. Vì vậy chỉ vài KB cũng làm chậm First Contentful Paint, nhất là trên mạng di động. Nén CSS là cách tối ưu rẻ nhất: không cần quy trình build, không sửa mã, chỉ là một tệp nhỏ hơn và hiển thị y hệt.
Những gì bị xóa: chú thích, thụt đầu dòng, dòng mới, khoảng trắng quanh dấu ngoặc nhọn và dấu hai chấm, cùng dấu chấm phẩy cuối trước mỗi dấu đóng ngoặc. Bộ chọn, tên thuộc tính và giá trị không bao giờ bị đụng đến, nên CSS đã nén hoạt động giống hệt bản gốc. Chức năng Định dạng làm ngược lại: biến stylesheet bản production thành các quy tắc dễ đọc với thụt lề đồng đều.
Nếu stylesheet lớn vì có nhiều quy tắc không dùng đến chứ không phải vì khoảng trắng, việc nén sẽ tiết kiệm không nhiều; hãy loại bỏ các bộ chọn thừa trong quá trình build trước. Với các tài nguyên còn lại, công cụ nén JS và nén HTML áp dụng cùng ý tưởng cho script và mã đánh dấu.