Cumulative Layout Shift เป็นการวัดความไม่เสถียรทางด้านภาพโดยการวัดปริมาณเนื้อหาที่มองเห็นได้ซึ่งเคลื่อนที่อย่างไม่คาดคิดตลอดอายุการใช้งานของหน้าเว็บ นี่เป็นหนึ่งในตัวชี้วัดสำคัญของ Google สำหรับเว็บ (Core Web Vitals) และแตกต่างจากการวัดความเร็วในการโหลดและการตอบสนองตรงที่เป็นคะแนนที่ไม่มีหน่วย ไม่ใช่ระยะเวลา โดยคำนวณจากสัดส่วนของพื้นที่แสดงผลที่ได้รับผลกระทบจากการเคลื่อนที่และระยะทางที่เนื้อหาเคลื่อนที่ เกณฑ์ที่ Google กำหนดไว้คือ 0.1 หรือน้อยกว่านั้นถือว่าดี โดยอยู่ในระดับเปอร์เซ็นไทล์ที่ 75 ของประสบการณ์การใช้งานจริงของผู้ใช้
พฤติกรรมที่โปรแกรมตรวจจับได้นั้นคุ้นเคยกันดีสำหรับทุกคนที่เคยพยายามคลิกลิงก์แล้วพบว่ามีโฆษณาปรากฏขึ้นด้านบนและดันหน้าเว็บลง หรือเริ่มอ่านย่อหน้าที่กระโดดข้ามไปเมื่อแบบอักษรบนเว็บเปลี่ยนไป นอกจากความรำคาญแล้ว ผลกระทบที่เกิดขึ้นจริงก็คือการคลิกผิดพลาด: เนื้อหาเคลื่อนที่ระหว่างช่วงเวลาที่ผู้ใช้ตัดสินใจแตะและช่วงเวลาที่พวกเขากดจริง ๆ ส่งผลให้เกิดการกระทำที่ไม่ถูกต้อง ซึ่งในอินเทอร์เฟซการค้าหรือธนาคารอาจหมายถึงการซื้อผิดพลาด การลบผิดพลาด หรือการนำทางที่ไม่ตั้งใจ
สาเหตุเหล่านี้ได้รับการบันทึกไว้อย่างดีและส่วนใหญ่ป้องกันได้ง่าย รูปภาพและวิดีโอที่ไม่มีการกำหนดขนาดอย่างชัดเจนจะทำให้เกิดการจัดเรียงใหม่เมื่อโหลด เนื่องจากเบราว์เซอร์ไม่สามารถสำรองพื้นที่ที่ถูกต้องล่วงหน้าได้ โฆษณา การฝังเนื้อหา และ iframe ที่แทรกเข้าไปในเนื้อหาโดยไม่มีคอนเทนเนอร์ที่สำรองไว้จะดันเนื้อหาลงไปด้านล่าง การเปลี่ยนฟอนต์เว็บจากฟอนต์สำรองที่มีขนาดแตกต่างกันจะทำให้เกิดการจัดเรียงข้อความใหม่ เนื้อหาที่แทรกเข้ามาแบบไดนามิกเหนือเนื้อหาที่มีอยู่ เช่น แบนเนอร์ การแจ้งเตือน และประกาศขอความยินยอม จะเลื่อนทุกอย่างด้านล่าง แอนิเมชันที่เปลี่ยนคุณสมบัติการจัดวางแทนที่จะเปลี่ยนการแปลงและค่าความทึบแสงจะทำให้เกิดการจัดเรียงใหม่ในทุกเฟรม
การแก้ไขที่เกี่ยวข้องนั้นเป็นหนึ่งในวิธีที่ประหยัดที่สุดที่มีอยู่ในการปรับปรุงประสิทธิภาพ การกำหนดคุณลักษณะความกว้างและความสูงหรืออัตราส่วนภาพให้กับสื่อจะช่วยสงวนพื้นที่ก่อนการโหลด การจัดสรรคอนเทนเนอร์คงที่สำหรับโฆษณาและการฝังเนื้อหาจะช่วยป้องกันไม่ให้การแทรกไปเบียดบังเนื้อหา การจับคู่เมตริกฟอนต์สำรองกับฟอนต์เว็บ และการใช้กลยุทธ์การโหลดฟอนต์ที่เหมาะสม จะช่วยลดการไหลเวียนของฟอนต์เมื่อมีการสลับ การแทรกเนื้อหาแบบไดนามิกไว้ด้านล่างของส่วนที่มองเห็นได้ หรือในโอเวอร์เลย์แทนที่จะอยู่เหนือเนื้อหาที่มีอยู่ จะช่วยหลีกเลี่ยงหมวดหมู่ที่ก่อให้เกิดการรบกวนมากที่สุด การใช้แอนิเมชันเฉพาะการแปลงและค่าความทึบแสง จะช่วยป้องกันไม่ให้การเคลื่อนไหวไปรบกวนเส้นทางการจัดวาง
การวัดผลจำเป็นต้องพิจารณาทั้งเซสชันมากกว่าแค่การโหลดหน้าเว็บเพียงอย่างเดียว ตัวชี้วัดจะสะสมตลอดอายุการใช้งานของหน้าเว็บ รวมถึงการเปลี่ยนแปลงที่เกิดขึ้นระหว่างการเลื่อนและการโต้ตอบ ซึ่งหมายความว่าหน้าเว็บที่ได้คะแนนดีในการโหลดครั้งแรกอาจยังคงได้คะแนนโดยรวมต่ำเนื่องจากเนื้อหาที่โหลดแบบ lazy-loaded มาถึงโดยไม่มีพื้นที่สำรองไว้ การเปลี่ยนแปลงที่เกิดขึ้นภายในช่วงเวลาสั้น ๆ หลังจากการโต้ตอบของผู้ใช้จะถูกยกเว้น โดยให้เหตุผลว่าการเคลื่อนไหวของเนื้อหาเพื่อตอบสนองต่อการกระทำโดยเจตนาเป็นสิ่งที่คาดหวังได้ ไม่ใช่สิ่งรบกวน
ข้อความขอความยินยอมและแบนเนอร์โฆษณาควรได้รับการพิจารณาเป็นพิเศษ เนื่องจากมักถูกแทรกเข้ามาในช่วงท้าย มักได้รับการจัดการนอกกระบวนการพัฒนาหลัก และมักบดบังเนื้อหาหลัก แบนเนอร์ที่ปรากฏที่ด้านบนของเอกสารหลังจากแสดงผลจะดันทุกอย่างลงไปด้านล่างในขณะที่ผู้เข้าชมกำลังเริ่มอ่านหรือเอื้อมมือไปคลิกลิงก์ การนำเสนอองค์ประกอบดังกล่าวในรูปแบบโอเวอร์เลย์ที่ไม่เกี่ยวข้องกับการจัดวาง หรือการสำรองพื้นที่ไว้ก่อนที่จะแสดงผล จะช่วยแก้ปัญหาได้โดยไม่ต้องลบออก เนื่องจากส่วนประกอบเหล่านี้มักได้รับการกำหนดค่าโดยทีมการตลาดหรือทีมกฎหมายผ่านเครื่องมือของบุคคลที่สาม การแก้ไขจึงมักต้องอาศัยการพูดคุยข้ามฝ่ายมากกว่าการเปลี่ยนแปลงโค้ดเพียงอย่างเดียว
เนื่องจากสาเหตุส่วนใหญ่มักอยู่ในเทมเพลต การผสานรวมโฆษณา และการฝังเนื้อหาจากภายนอก มากกว่าที่จะอยู่ในส่วนประกอบใดส่วนประกอบหนึ่งเพียงอย่างเดียว การแก้ไขจึงมักต้องอาศัยการประสานงานระหว่างทีมที่รับผิดชอบแต่ละส่วน ในทางปฏิบัติแล้วนี่เป็นเรื่องปกติ ประสิทธิภาพของเว็บ การออกแบบเว็บไซต์เป็นหนึ่งในด้านที่มีความเชื่อมโยงกับผลลัพธ์ทางการค้าโดยตรงมากที่สุด เนื่องจากความไม่เสถียรของเลย์เอาต์บนหน้าสินค้าหรือหน้าชำระเงินทำให้เกิดการแตะผิดพลาดและการละทิ้งเว็บไซต์ ซึ่งส่งผลเสียต่อเว็บไซต์ การตรวจสอบ UX จะปรากฏออกมาในรูปแบบของปัญหาด้านการใช้งาน โดยไม่จำเป็นต้องระบุสาเหตุทางเทคนิคที่แท้จริง