Trình thu gọn CSS

Việc tái cấu trúc thực hiện những gì

Ngoài việc xóa khoảng trắng, trình rút gọn còn rút ngắn giá trị (#ffffff thành #fff, 0px thành 0) và gộp các quy tắc. Hai bộ chọn có khai báo giống nhau sẽ được gộp thành một quy tắc, còn các khai báo có thể được chuyển giữa các quy tắc khi cơ chế cascade cho phép. Vì vậy, đầu ra không còn theo thứ tự trong mã nguồn; khi tìm một bộ chọn, bạn có thể thấy nó được nhóm cùng các bộ chọn khác. Để đọc kết quả, hãy mở rộng kết quả bằng trình định dạng CSS.

Giữ lại chú thích giấy phép

Các chú thích thông thường bị xóa, nhưng chú thích bắt đầu bằng /*! sẽ được giữ lại. Đây là quy ước mà các thư viện dùng cho thông báo bản quyền và giấy phép phải đi kèm mã, vì vậy hãy đặt các thông báo đó theo dạng này để tệp đã rút gọn vẫn tuân thủ.

Việc rút gọn cũng xóa liên kết giữa đầu ra và mã nguồn. Công cụ dành cho nhà phát triển của trình duyệt chỉ ánh xạ CSS đã rút gọn về mã nguồn ban đầu thông qua source map; các công cụ build tạo source map, còn trang này thì không. Vì vậy, hãy giữ tệp dễ đọc làm tệp bạn chỉnh sửa.

Cách sử dụng

1. Dán CSS.
2. Chọn Thu gọn CSS.
3. Sao chép hoặc tải xuống biểu định kiểu đã tối ưu.

Quyền riêng tư và giới hạn

CSS vẫn ở trong trình duyệt của bạn. Hãy kiểm tra kết quả theo các yêu cầu về giao diện và khả năng hỗ trợ của trình duyệt trước khi triển khai.