2009-10-27 24 views
11

Bạn có biết máy nén CSS trực tuyến giúp loại bỏ các khai báo CSS không hiệu quả/không hiệu quả và thay thế nó bằng CSS tối ưu hơn không?CSS Minimizer?

Ý nghĩa, tôi biết rằng rất nhiều "nén" tồn tại mà chỉ cần loại bỏ các tab, loại bỏ ý kiến, vv

Nhưng những gì tôi đang tìm kiếm một cái gì đó là đủ thông minh để biết rằng:

border-top: 1px solid red; 
border-bottom: 1px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

là giống như hiệu quả hơn:

border: 1px solid red; 

CẬP NHẬT: CSS tôi đang cố gắng để tối ưu hóa là tại liên kết dưới đây

http://tinyurl.com/yhy5ln

+1

http://stackoverflow.com/questions/787789/any-recommendations-for-a-css-minifier –

+0

@Mauricio Scheffer, câu trả lời được chọn nhiều nhất là sử dụng Bộ nén YUI. Tất cả các bộ nén YUI hiện nó dải CSS của bạn của các ký tự không cần thiết (như trở về hộp mực, tab, không gian, vv). Những gì tôi đang tìm kiếm là một Trình tối ưu hóa CSS, kết hợp các khai báo CSS dư thừa. – Ted

+1

Vui lòng đăng liên kết không yêu cầu bạn đăng nhập. – DisgruntledGoat

Trả lời

8

this sẽ làm gì? Nó làm đẹp, rút ​​gọn, hợp nhất và đơn giản hóa các quy tắc nếu có thể và có thể cấu hình cao.

+0

Tôi vừa thử sử dụng trang web của bạn, để lại tất cả các cài đặt mặc định và nó tạo CSS làm cho trang web của tôi trông khác so với trước đây. – Ted

+0

Và vì vậy, vì nó không duy trì giao diện trực quan cho trang web của tôi - Tôi không thể đề xuất (hoặc sử dụng) liên kết bạn đã cung cấp – Ted

+0

Thử tinh chỉnh cài đặt. Ngoài ra, nếu bạn đăng CSS của mình, chúng tôi có thể tìm ra lý do. Máy nén này chưa bao giờ thay đổi diện mạo trang web của tôi mà tôi có thể nhớ lại, vì vậy tôi tự hỏi liệu đó có phải là sự cố về hack hoặc một vấn đề cụ thể cho trình duyệt hay không. – ceejayoz

0

Clean CSS là cái tôi đã thử trước đây.

Tuy nhiên, đối với ví dụ về quy tắc hợp nhất, tôi khuyên bạn nên làm điều đó bằng tay, bởi vì có những tình huống mà bất kỳ công cụ tự động nào có thể gây rối hoặc tối ưu hóa.

Nếu bạn có, ví dụ:

border-top: 3px solid red; 
border-bottom: 3px solid red; 
border-right: 1px solid red; 
border-left: 1px solid red; 

Cách tốt nhất để tối ưu hóa này là:

border-width: 3px 1px; 
border-style: solid; 
border-color: red; 

Nhưng một ưu hoa có thể không bắt này.

EDIT

thử ví dụ trên và sạch CSS không cắt mù tạt. Tuy nhiên, FlumpCakes Optimizer thì tốt hơn. Nó nắm bắt ví dụ của bạn, nhưng không phải ví dụ tiên tiến của tôi.

0

Hãy thử Devilo.us

Nó cũng cho phép bạn kiểm soát số tiền bạn muốn nén mã của mình.