Giảm thiểu và nén các bảng định kiểu CSS ngay lập tức trong trình duyệt của bạn. Xóa nhận xét, thu gọn khoảng trắng và giảm kích thước tệp. Miễn phí và riêng tư.
Hỗ trợ các tập tin .css. Hoặc dán CSS của bạn ở trên.
Tính năng thu nhỏ CSS sẽ loại bỏ khoảng trắng, nhận xét và các ký tự không cần thiết khỏi biểu định kiểu để giảm kích thước của nó trước khi phân phát tới trình duyệt. Các quy tắc thực tế không thay đổi: biểu định kiểu được rút gọn sẽ hiển thị các trang giống hệt với nguồn chưa được rút gọn. Khoản tiết kiệm đến từ việc loại bỏ các dòng mới, dấu chấm phẩy dư thừa, nhận xét, cơ hội viết tắt màu hex và các phím tắt không có đơn vị (thay thế 0px bằng 0).
Trên các trang web hiện đại với hàng tá quy tắc về kiểu, mức giảm điển hình là 20–40% so với nguồn chưa được tối ưu hóa. Kết hợp với tính năng nén gzip tại máy chủ, mức tiết kiệm cận biên sẽ giảm đi - gzip đã nén văn bản lặp lại một cách hiệu quả - nhưng sự kết hợp này vẫn vượt trội so với việc nén một mình, đặc biệt khi các bảng định kiểu được lưu vào bộ nhớ đệm và phân phối nhiều lần cho nhiều khách truy cập.
Công cụ rút gọn này xử lý CSS trong một lần chuyển, xóa nhận xét bên ngoài giá trị url(), thu gọn khoảng trắng, xóa dấu chấm phẩy dư thừa trước khi đóng dấu ngoặc nhọn, áp dụng tốc ký đơn vị 0 và chuyển đổi màu hex gồm sáu chữ số thành dạng ba chữ số nếu có thể (#ffffff → #fff). Đầu ra vẫn là CSS hợp lệ mà bất kỳ trình duyệt nào cũng phân tích chính xác.
Các tệp CSS nhỏ hơn sẽ tải nhanh hơn và thời gian chặn hiển thị giảm xuống, cả hai đều cải thiện điểm số Thời gian hiển thị nội dung đầu tiên và Thời gian hiển thị nội dung lớn nhất. Đối với các trang web mà Core Web Vitals ảnh hưởng đến xếp hạng tìm kiếm, mỗi kilobyte CSS chặn hiển thị được loại bỏ đều đáng nỗ lực.
Chi phí băng thông cũng quan trọng ở quy mô lớn. Các trang web phục vụ hàng triệu lượt xem trang sẽ tiết kiệm được số lượng đầu ra có thể đo lường được khi biểu định kiểu của chúng nhỏ hơn 30%. Hóa đơn CDN, việc sử dụng dữ liệu di động và mức tiêu thụ năng lượng đều được hưởng lợi đôi chút. Việc giảm thiểu về cơ bản là miễn phí — bước xây dựng một lần mà không mất phí bảo trì.
Dán CSS, lấy phiên bản rút gọn.
Giảm thiểu CSS chủ yếu là loại bỏ khoảng trắng thận trọng. Khoảng trắng bên trong bộ chọn, khai báo và giá trị được giữ nguyên ở những nơi quan trọng; khoảng trắng bên ngoài bị thu gọn. Nhận xét sẽ bị xóa trừ khi chúng bắt đầu bằng /*! (ý kiến bảo quản giấy phép).
Các phím tắt phổ biến: 0px, 0em và các giá trị đơn vị 0 tương tự trở thành 0; màu lục giác có sáu chữ số với các chữ số được ghép nối (#ffffff, #336699) trở thành ba chữ số (#fff, #369); dấu chấm phẩy cuối cùng trước } bị xóa. Tên màu không được tự động chuyển đổi thành hex vì hex đôi khi dài hơn (màu đỏ có độ dài ngắn hơn #f00; #ff0000 dài hơn màu đỏ).
Đầu ra phải vượt qua bất kỳ trình xác nhận CSS nào chấp nhận đầu vào. Hỗ trợ trình duyệt không thay đổi - việc thu nhỏ không tự sửa đổi các quy tắc mà chỉ trình bày văn bản của chúng.