[{"data":1,"prerenderedAt":60},["ShallowReactive",2],{"\u002Fglossary\u002Fcritical-rendering-path":3,"\u002Fglossary\u002Fcritical-rendering-path:related":43},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":28,"date":29,"description":30,"draft":31,"extension":32,"letter":33,"meta":34,"navigation":35,"path":36,"readTime":37,"related":38,"seo":39,"stem":41,"term":5,"__hash__":42},"glossary\u002Fglossary\u002Fcritical-rendering-path.md","Critical Rendering Path","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":24},"minimark",[11],[12,13,14,15,19,20,23],"p",{},"The critical rendering path is the sequence of steps a browser must take to process the HTML, CSS, and JavaScript files required to render the initial, ",[16,17,18],"strong",{},"above the fold"," view of a webpage. Optimizing this path involves minimizing the number and size of these \"render-blocking\" resources to allow the browser to paint content to the screen as quickly as possible. A long or bloated critical rendering path is a common cause of a slow ",[16,21,22],{},"First Contentful Paint (FCP)",".",{"title":25,"searchDepth":26,"depth":26,"links":27},"",2,[],null,"April 8, 2026","The critical rendering path is the sequence of steps a browser must take to process the HTML, CSS, and JavaScript files required to render the initial, above the fold view of a webpage.",false,"md","C",{},true,"\u002Fglossary\u002Fcritical-rendering-path","1 min read",[],{"title":40,"description":30},"Critical Rendering Path: Definition | Web Performance Glossary","glossary\u002Fcritical-rendering-path","OHEl40Sd1HAlpMtxUqfW4BPCkQ6LRflD_kpnAy6Vgfk",[44,48,52,56],{"path":45,"title":46,"description":47,"letter":33},"\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":49,"title":50,"description":51,"letter":33},"\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":53,"title":54,"description":55,"letter":33},"\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":57,"title":58,"description":59,"letter":33},"\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.",1787756713581]