[{"data":1,"prerenderedAt":57},["ShallowReactive",2],{"\u002Fglossary\u002Fclient-side-rendering-csr":3,"\u002Fglossary\u002Fclient-side-rendering-csr:related":40},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":24,"date":25,"description":26,"draft":27,"extension":28,"letter":29,"meta":30,"navigation":31,"path":32,"readTime":33,"related":34,"seo":35,"stem":37,"term":38,"__hash__":39},"glossary\u002Fglossary\u002Fclient-side-rendering-csr.md","Client-Side Rendering (CSR)","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":20},"minimark",[11],[12,13,14,15,19],"p",{},"Client-Side Rendering is an architectural approach where the server sends a minimal, often empty, HTML shell to the browser. The user's browser then executes JavaScript to fetch data and build (render) the page content locally. This is like the server sending a flat-pack furniture kit with instructions, and the browser must do all the assembly. While this can create app-like experiences, it often results in a long wait before the user sees any meaningful content, leading to a poor ",[16,17,18],"strong",{},"Largest Contentful Paint (LCP)",".",{"title":21,"searchDepth":22,"depth":22,"links":23},"",2,[],null,"February 4, 2026","Client-Side Rendering is an architectural approach where the server sends a minimal, often empty, HTML shell to the browser.",false,"md","C",{},true,"\u002Fglossary\u002Fclient-side-rendering-csr","1 min read",[],{"title":36,"description":26},"Client-Side Rendering (CSR): Definition | Web Performance Glossary","glossary\u002Fclient-side-rendering-csr","Client-Side Rendering","keorRpBVHfmyJ9FRoz-KC2trZ8JfsAzcv5znhn--mjw",[41,45,49,53],{"path":42,"title":43,"description":44,"letter":29},"\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":46,"title":47,"description":48,"letter":29},"\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":50,"title":51,"description":52,"letter":29},"\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":54,"title":55,"description":56,"letter":29},"\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.",1787756713545]