CSS compresser này được thực hiện hoàn toàn bằng Javascript. Nó có thể thực hiện những công việc sau trong việc tối ưu CSS:
• Xóa bỏ các ký tự trắng (các dấu tab, dấu cách, dấu xuống dòng) thừa thãi, bao gồm cả các dấu trắng trước và sau các dấu hai chấm (:), chấm phẩy (;)
• Xóa bỏ ký tự chấm phẩy (;) cuối cùng trước dấu đóng ngoặc nhọn (})
• Thu gọn các mã màu HTML thành dạng ngắn gọn (từ #ffffff thành #fff)
• Thu gọn các đoạn mã CSS dành cho margin và padding (từ dạng margin: 5px 0px 5px 0px thành margin:5px 0). Hỗ trợ cả 3 dạng viết ngắn.
Ngoài ra, có thêm 2 tùy chọn có thể giúp bạn tối ưu tới mức tối đa là xóa bỏ comments và thu gọn tất cả code CSS trên 1 dòng. Tuy vậy, code sau khi tối ưu sẽ rất khó nhìn, đặc biệt là thu gọn chúng trên 1 dòng).
Remove comments ?
Super compress (all in one line) ?
• Xóa bỏ các ký tự trắng (các dấu tab, dấu cách, dấu xuống dòng) thừa thãi, bao gồm cả các dấu trắng trước và sau các dấu hai chấm (:), chấm phẩy (;)
• Xóa bỏ ký tự chấm phẩy (;) cuối cùng trước dấu đóng ngoặc nhọn (})
• Thu gọn các mã màu HTML thành dạng ngắn gọn (từ #ffffff thành #fff)
• Thu gọn các đoạn mã CSS dành cho margin và padding (từ dạng margin: 5px 0px 5px 0px thành margin:5px 0). Hỗ trợ cả 3 dạng viết ngắn.
Ngoài ra, có thêm 2 tùy chọn có thể giúp bạn tối ưu tới mức tối đa là xóa bỏ comments và thu gọn tất cả code CSS trên 1 dòng. Tuy vậy, code sau khi tối ưu sẽ rất khó nhìn, đặc biệt là thu gọn chúng trên 1 dòng).
Remove comments ?
Super compress (all in one line) ?
Tham khảo: Hỗn tạp blog