การบังคับให้จัดเรียงใหม่

Connor Clark
Connor Clark

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

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

ตัวอย่างโค้ดที่ทำให้เกิดการปรับเลย์เอาต์ใหม่โดยบังคับ

การปรับเลย์เอาต์หลายครั้งติดต่อกันอย่างรวดเร็วเรียกว่า "การปรับเลย์เอาต์ซ้ำๆ"

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

  • หลีกเลี่ยงหรืออย่างน้อยก็ลดจำนวนการเขียนเรขาคณิต DOM ที่ทำก่อนการอ่าน
  • ไม่มีการปรับโฟลว์ใหม่โดยบังคับที่ใช้เวลานานกว่า 30 มิลลิวินาที

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