ลดขนาด CSS

ย่อขนาด CSS, HTML และ JavaScript โดยไม่ทำให้พัง

โค้ดที่ย่อขนาดแล้ว

ความคิดเห็น ช่องว่าง และการขึ้นบรรทัดใหม่จะถูกลบออก ส่วนชื่อและค่าต่าง ๆ จะคงไว้เหมือนเดิม โค้ดจึงทำงานได้เหมือนเดิม

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ข้อความของคุณจะไม่ถูกส่งไปที่ใดเลย

วิธีย่อขนาด CSS

ขั้นตอนที่ 1

วาง CSS ของคุณลงในช่องแรก

ขั้นตอนที่ 2

ดูโค้ดที่ย่อแล้วและไบต์ที่ประหยัดได้

ขั้นตอนที่ 3

คัดลอก CSS ที่ย่อแล้วไปใส่ในเว็บไซต์ของคุณ

การย่อขนาด CSS ทำอะไร

ช่องว่าง การขึ้นบรรทัดใหม่ การเยื้อง และความคิดเห็น ช่วยให้คนอ่านสไตล์ชีตได้ง่าย แต่เบราว์เซอร์ไม่จำเป็นต้องใช้ วาง CSS ของคุณ แล้วโค้ดที่ย่อแล้วจะปรากฏขณะพิมพ์ พร้อมขนาดเป็นไบต์และจำนวนที่ประหยัดได้ ระบบลบเฉพาะสิ่งที่ไม่เปลี่ยนผลลัพธ์ ช่องว่างในตัวเลือกลูกหลาน เช่น nav a จะคงไว้ เพราะ nava จะกลายเป็นตัวเลือกอีกตัวหนึ่ง และช่องว่างที่ calc() ต้องใช้ก็คงไว้เช่นกัน ความคิดเห็นที่ขึ้นต้นด้วย /*! ซึ่งมักเก็บใบอนุญาตไว้ ก็จะถูกคงไว้ด้วย

เครื่องมือเดียวกันนี้ย่อขนาด HTML และ JavaScript ได้ด้วย เลือกภาษาเหนือช่อง สำหรับ HTML ตัวเลือก “ลบความคิดเห็น” จะลบความคิดเห็น และ “ย่อขนาด CSS และ JavaScript ที่อยู่ข้างในด้วย” จะย่อขนาดบล็อกสไตล์และสคริปต์ในหน้าด้วย JavaScript จะถูกเบราว์เซอร์ตรวจสอบก่อน หากโค้ดมีข้อผิดพลาด เครื่องมือจะแสดงข้อผิดพลาดแทนการย่อขนาดโค้ด การย่อขนาดใช้ร่วมกับการบีบอัด gzip หรือ Brotli ของเซิร์ฟเวอร์ได้ผลดียิ่งขึ้น เพราะทั้งสองลดขนาดไฟล์คนละวิธี โค้ดของคุณไม่ถูกส่งไปที่ใด

AnyTextEditor มีประโยชน์กับคุณหรือไม่?

สวัสดี. เราพยายามอย่างมากที่จะสร้างเว็บไซต์ที่สะดวกสบายที่เราใช้เอง หากคุณชอบเครื่องมือและเครื่องมือแก้ไขใด ๆ ของเราให้เพิ่มลงในบุ๊กมาร์กของคุณเพราะจะมีประโยชน์กับคุณมากกว่าหนึ่งครั้ง และอย่าลืมแชร์บนโซเชียลมีเดีย เราจะดีกว่าสำหรับคุณ