Công cụ CSS Minify- Công cụ nén và thu nhỏ CSS trực tuyến miễn phí

Input data
bfotool loadding
Output data
bfotool loadding

 

Công cụ thu nhỏ CSS

Thu nhỏ CSS sẽ lấy mã CSS đẹp, được định dạng tốt mà bạn đã viết và xóa khoảng cách, thụt lề, xuống dòng và chú thích. Những thành phần này không bắt buộc để sử dụng CSS thành công. Nó cũng làm cho CSS khó đọc hơn.

'Thực hành tốt nhất' của nhiều nhà phát triển là duy trì phiên bản 'làm đẹp' và khi triển khai dự án của họ sẽ chạy các kiểu thông qua chương trình thu nhỏ. Họ cũng sẽ kết hợp nhiều tệp kiểu của mình thành một tệp.

 

Tại sao nên sử dụng CSS Minifier?

Mục đích của việc thu nhỏ là tăng tốc độ của một trang web. Việc thu nhỏ có thể làm cho một tập lệnh nhỏ hơn tới 20%, dẫn đến thời gian tải xuống nhanh hơn. Một số nhà phát triển cũng sẽ sử dụng nó để 'làm tối nghĩa' mã của họ. Điều này làm cho mã khó đọc, do đó làm cho việc đảo ngược kỹ thuật hoặc sao chép trở nên khó khăn hơn.

 

Ví dụ về CSS Minify

Trước:

.headbg{  
    margin:0 8px   
}  
a:link,a:focus{  
    color:#00c   
}  
a:active{  
    color:red   
}

Sau đó:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }