ลดขนาด CSS

ในบทความนี้ฉันต้องการพูดคุยเกี่ยวกับการย่อขนาดของโค้ด HTML และ CSS คืออะไรมีไว้เพื่ออะไรและจะทำให้สำเร็จได้อย่างไร การจัดโครงสร้างรหัสเป็นบล็อกเส้น ฯลฯ เป็นสิ่งจำเป็นเพื่อความสะดวกในการอ่านของมนุษย์ เรารับรู้บล็อกดังกล่าวโดยรวมเราเห็นว่าแท็กเปิดตรงไหนปิดตรงไหน สำหรับเบราว์เซอร์นี้ไม่จำเป็นพวกเขาอ่านโค้ดตามลำดับและการแบ่งบรรทัดที่ไม่จำเป็นช่องว่างความคิดเห็นในข้อความทำให้อ่านยากและเพิ่มเวลาในการโหลดหน้าเว็บ ดังนั้นจึงมีเหตุผลหลักสองประการสำหรับความจำเป็นในการย่อโค้ด: การลดขนาด (น้ำหนัก) ของหน้าเว็บและด้วยเหตุนี้การเพิ่มความเร็วในการโหลด เหตุผลที่สองตามมาจากข้อแรก นี่คือการปรับปรุงปัจจัยด้านพฤติกรรม หากไซต์โหลดเร็วขึ้นแสดงว่ามีอัตราตีกลับที่ต่ำลงการเติบโตของการเข้าชมผลการค้นหาที่เพิ่มขึ้น ฯลฯ

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