[{"data":1,"prerenderedAt":68},["ShallowReactive",2],{"\u002Fglossary\u002Fweb-performance-budget":3,"\u002Fglossary\u002Fweb-performance-budget:related":51},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":36,"date":37,"description":38,"draft":39,"extension":40,"letter":41,"meta":42,"navigation":43,"path":44,"readTime":45,"related":46,"seo":47,"stem":49,"term":5,"__hash__":50},"glossary\u002Fglossary\u002Fweb-performance-budget.md","Web Performance Budget","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":32},"minimark",[11],[12,13,14,15,19,20,23,24,27,28,31],"p",{},"A ",[16,17,18],"strong",{},"web performance budget"," is a set of defined limits for key performance metrics that a website is not allowed to exceed. Rather than focusing on simple metrics like file size, modern performance budgets should be set on user-centric outcomes like ",[16,21,22],{},"LCP",", ",[16,25,26],{},"INP",", and ",[16,29,30],{},"CLS",". These budgets are integrated into the development process, often as automated checks in a CI\u002FCD pipeline, to proactively prevent performance from degrading over time as new features are added.",{"title":33,"searchDepth":34,"depth":34,"links":35},"",2,[],null,"April 8, 2026","A web performance budget is a set of defined limits for key performance metrics that a website is not allowed to exceed. Rather than focusing on simple metrics like file size, modern performance bu…",false,"md","W",{},true,"\u002Fglossary\u002Fweb-performance-budget","1 min read",[],{"title":48,"description":38},"Web Performance Budget: Definition | Web Performance Glossary","glossary\u002Fweb-performance-budget","5UfX5QHWK3N4hq3S2HRwdwSFcIR_dvZoOtvQ-rD4q_8",[52,56,60,64],{"path":53,"title":54,"description":55,"letter":41},"\u002Fglossary\u002Fwkwebview","WKWebView","A WKWebView is the modern browser component that native iOS applications use to display web content directly inside the app. Think of it as a mini-browser window embedded within an app's interface.",{"path":57,"title":58,"description":59,"letter":41},"\u002Fglossary\u002Fwkwebviewconfiguration","WKWebViewConfiguration","This is the \"settings panel\" for a WKWebView. It is a configuration object that an iOS app developer uses to set up the properties and behavior of the in-app browser view.",{"path":61,"title":62,"description":63,"letter":41},"\u002Fglossary\u002Fwaterfall-chart","Waterfall Chart","A waterfall chart is a type of data visualization used in web performance analysis tools to illustrate how a browser loads all the assets on a webpage.",{"path":65,"title":66,"description":67,"letter":41},"\u002Fglossary\u002Fweb-fonts","Web Fonts","Web fonts are fonts that are downloaded by the browser on demand to render text in a specific typeface that is not pre-installed on the user's device.",1787756716701]