[{"data":1,"prerenderedAt":55},["ShallowReactive",2],{"\u002Fglossary\u002Fcumulative-layout-shift-cls":3,"\u002Fglossary\u002Fcumulative-layout-shift-cls:related":38},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":22,"date":23,"description":24,"draft":25,"extension":26,"letter":27,"meta":28,"navigation":29,"path":30,"readTime":31,"related":32,"seo":33,"stem":35,"term":36,"__hash__":37},"glossary\u002Fglossary\u002Fcumulative-layout-shift-cls.md","Cumulative Layout Shift (CLS)","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":18},"minimark",[11],[12,13,14,17],"p",{},[15,16,5],"strong",{}," is one of Google's Core Web Vitals that measures visual stability. It quantifies unexpected layout shifts of visible page elements. A high CLS score indicates that page elements are moving around unexpectedly, which is frustrating for users and a sign of poor frontend performance. CLS is calculated by tracking the sum of all individual layout shift scores that occur without user input during the entire lifespan of the page.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[],null,"April 8, 2026","Cumulative Layout Shift (CLS) is one of Google's Core Web Vitals that measures visual stability. It quantifies unexpected layout shifts of visible page elements.",false,"md","C",{},true,"\u002Fglossary\u002Fcumulative-layout-shift-cls","1 min read",[],{"title":34,"description":24},"Cumulative Layout Shift (CLS): Definition | Web Performance Glossary","glossary\u002Fcumulative-layout-shift-cls","Cumulative Layout Shift","Zt6sPcOhrtDiTmjdgp_eLkXx7WM4v0VyrC9kNlFOBAQ",[39,43,47,51],{"path":40,"title":41,"description":42,"letter":27},"\u002Fglossary\u002Fcdn-content-delivery-network","CDN (Content Delivery Network)","A CDN, or Content Delivery Network, is a globally distributed network of servers designed to deliver web content to users quickly and efficiently.",{"path":44,"title":45,"description":46,"letter":27},"\u002Fglossary\u002Fcors-cross-origin-resource-sharing","CORS (Cross-Origin Resource Sharing)","CORS is a browser security feature that uses HTTP headers to manage whether a web page from one domain is allowed to fetch resources from another domain.",{"path":48,"title":49,"description":50,"letter":27},"\u002Fglossary\u002Fcpu-time","CPU time","CPU time is the amount of time the Central Processing Unit (CPU) of a user's device spends processing the scripts and rendering a webpage.",{"path":52,"title":53,"description":54,"letter":27},"\u002Fglossary\u002Fcache","Cache","A cache is a high-speed, temporary storage layer designed to store copies of website files (like HTML, images, and scripts) closer to the user.",1787756713702]