ขนาดไฟล์ CSS และจำนวนคำขอ HTTP ที่เกิดขึ้น
เป็นปัจจัยที่สำคัญที่สุดในประสิทธิภาพของ CSS
เวลาในการจัดเรียงและการเรนเดอร์
(มาก!) ไม่สำคัญขนาดนั้น
การทำสำเนาแย่กว่ากฎเก่า
เพราะเรามีเครื่องมือในการจัดการอย่างหลัง
กำหนดค่าเริ่มต้น
อย่าเขียนโค้ดซ้ำทุกที่
ที่ไม่ดี:
#weatherModule h3{color:red;}
#tabs h3{สี:น้ำเงิน;}
แนะนำ:
h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}
ใช้คลาสที่แยกจากกันเพื่อกำหนดโครงสร้าง
อย่าเขียนโค้ดซ้ำทุกที่
ใช้คลาส
แทนตัวเลือกองค์ประกอบ
ที่ไม่ดี:
div.error{...}
แนะนำ:
.error{โค้ดส่วนใหญ่เขียนที่นี่}
div.error{กำหนดแยกต่างหาก}
p.error{กำหนดแยกต่างหาก}
em.error{กำหนดแยกต่างหาก}
ที่มา: 99css