ต้นทุนของตัวเลือก CSS

Connor Clark

เผยแพร่: 8 ต.ค. 2025

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

วิธีส่งต่อข้อมูลเชิงลึกนี้

ข้อมูลเชิงลึกนี้จะผ่านเสมอ แต่ยังอาจแสดงเพื่อวัตถุประสงค์ในการให้ข้อมูล

โดยจะปรากฏในแผงประสิทธิภาพของ DevTools เท่านั้นเมื่อเปิดการตั้งค่าเปิดใช้สถิติตัวเลือก CSS (ช้า)

ข้อมูลอ้างอิงเพิ่มเติม

• ซอร์สโค้ดข้อมูลเชิงลึก
• วิเคราะห์ประสิทธิภาพของตัวเลือก CSS ระหว่างเหตุการณ์ "คำนวณรูปแบบใหม่"
• ลดขอบเขตและความซับซ้อนของการคำนวณสไตล์