CSS Minifier ออนไลน์

หน้านี้จะเปิดตัวลดขนาดโค้ดโดยเลือก CSS ไว้ล่วงหน้า วางสไตล์ชีต กดปุ่ม แล้วคุณจะเห็นบรรทัดย่อบรรทัดเดียว: ความคิดเห็นที่ถูกลบออก ช่องว่างจะยุบรอบเครื่องหมายปีกกา ทวิภาค อัฒภาคและจุลภาค และเครื่องหมายอัฒภาคสุดท้ายที่ซ้ำซ้อนก่อนที่วงเล็บปีกกาปิดทุกอันจะถูกทิ้ง

CSS ตอบสนองต่อการลดขนาดไฟล์ได้ดีมาก เนื่องจากสไตล์ชีทที่จัดรูปแบบแล้วส่วนใหญ่จะเป็นการเยื้องและความคิดเห็น — โดยทั่วไปแล้วจะประหยัดได้ระหว่าง 15% ถึง 40% ของขนาดไฟล์ CSS ที่เล็กลงหมายความว่าเบราว์เซอร์เริ่มเรนเดอร์เร็วขึ้น เนื่องจากสไตล์ชีทเป็นทรัพยากรที่บล็อกการเรนเดอร์: ทุกกิโลไบต์ที่ถูกตัดแต่งจาก CSS จะทำให้เวลาในการวาดครั้งแรกบนการเชื่อมต่อที่ช้าสั้นลง

ตัวย่อจะต้องใช้ความระมัดระวังในส่วนที่สำคัญ: สตริงในคุณสมบัติเนื้อหาและค่า url() จะถูกคัดลอกแบบคำต่อคำ และช่องว่างรอบๆ โคลอนระดับตัวเลือกจะถูกเก็บไว้ ดังนั้นตัวผสม เช่น "a :hover" คงความหมายไว้ แผงขนาดจะแสดงจำนวนไบต์ก่อนและหลังบวกกับเปอร์เซ็นต์ที่บันทึกไว้ และสามารถคัดลอกหรือดาวน์โหลดผลลัพธ์ได้ในคลิกเดียว