Miễn phí CSS Minify / Formatter trực tuyến

Input data
bfotool loadding
Output data
bfotool loadding

 

Công cụ CSS Minify

Thu nhỏ CSS lấy mã CSS đẹp, được định dạng tốt mà bạn đã viết và loại bỏ khoảng cách, thụt lề, dòng mới và nhận xét. Các yếu tố này không bắt buộc để CSS được sử dụng thành công. Nó cũng làm cho CSS khó đọc hơn.

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

 

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

Mục đích của minifcation là để tăng tốc độ của một trang web. Việc thu nhỏ có thể làm cho 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 bỏ trốn cũng sẽ sử dụng nó để 'làm xáo trộn' mã của họ. Điều này gây khó khăn cho việc đọc mã, do đó, việc sao chép hoặc thiết kế ngược 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 }