leeoniya/dropcss

🗑 DropCSS: Dọn CSS thừa siêu nhanh, chỉ giữ lại phần cần dùng

DropCSS — unused-CSS cleaner nhanh, đầy đủ, nhỏ gọn (~10KB).

DropCSS là một công cụ mã nguồn mở (MIT License) giúp loại bỏ CSS không sử dụng trong HTML. Nó nhận đầu vào là HTML và CSS, sau đó trả về chỉ những đoạn CSS thực sự được dùng. Với bộ parser HTML và CSS tối ưu riêng, DropCSS hoạt động rất nhanh nhưng vẫn giữ độ chính xác cao. Yêu cầu đầu vào phải là HTML/CSS hợp lệ, không tự động xử lý markup bị lỗi.

✨ Điểm nổi bật

• Hỗ trợ đầy đủ selector: universal, tag, id, class, descendant, child, sibling, attribute, positional, :not()
• Giữ lại pseudo-class/phần tử: :hover, ::before... không thể kiểm tra tĩnh từ HTML
• Xóa @font-face và @keyframes không dùng tới
• Xóa biến CSS thừa và giải quyết biến phức tạp (var lồng nhau)
• Rất nhỏ gọn: chỉ ~10KB minified
• Tốc độ cực nhanh: được tối ưu cho trường hợp dùng phổ biến
• Hook shouldDrop linh hoạt: tùy chỉnh giữ/xóa selector

💡 Vì sao đáng chú ý

DropCSS nhanh hơn các công cụ tương tự như PurifyCSS hay PurgeCSS ở một số benchmark nhờ parser tùy biến. Phù hợp cho build pipeline, CI/CD, hoặc dọn CSS sau khi bundle. Không xử lý markup lỗi nên cần chắc chắn HTML/CSS hợp lệ trước khi chạy.

---

#CSS #Optimization #UnusedCSS #WebPerformance #TiniX