จองพื้นที่สําหรับโฆษณา

การจองพื้นที่เพียงพอในหน้าเว็บสําหรับโฆษณาเป็นกุญแจสําคัญในการลดการเปลี่ยนเลย์เอาต์ ตัวอย่างนี้แสดงแนวทางต่างๆ ในการจองพื้นที่และผลที่การจองพื้นที่มีต่อความเสถียรของเลย์เอาต์

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

ตัวอย่างการใช้งาน

ดูการสาธิต

JavaScript

กำลังโหลด...

TypeScript

กำลังโหลด...