[{"data":1,"prerenderedAt":51},["ShallowReactive",2],{"\u002Fglossary\u002Fwaterfall-chart":3,"\u002Fglossary\u002Fwaterfall-chart:related":34},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":19,"date":20,"description":21,"draft":22,"extension":23,"letter":24,"meta":25,"navigation":26,"path":27,"readTime":28,"related":29,"seo":30,"stem":32,"term":5,"__hash__":33},"glossary\u002Fglossary\u002Fwaterfall-chart.md","Waterfall Chart","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":15},"minimark",[11],[12,13,14],"p",{},"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. Each asset (HTML, CSS, JavaScript, images) is listed in chronological order, and the chart shows a horizontal bar representing the time it took to download. This allows developers to quickly identify which resources are taking the longest to load and might be creating a performance bottleneck.",{"title":16,"searchDepth":17,"depth":17,"links":18},"",2,[],null,"April 8, 2026","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.",false,"md","W",{},true,"\u002Fglossary\u002Fwaterfall-chart","1 min read",[],{"title":31,"description":21},"Waterfall Chart: Definition | Web Performance Glossary","glossary\u002Fwaterfall-chart","HOzMcWi_-_DDXbEGBnsdiSW5nmZTQ_NxOwhNECgg5CQ",[35,39,43,47],{"path":36,"title":37,"description":38,"letter":24},"\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":40,"title":41,"description":42,"letter":24},"\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":44,"title":45,"description":46,"letter":24},"\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.",{"path":48,"title":49,"description":50,"letter":24},"\u002Fglossary\u002Fweb-performance-budget","Web Performance Budget","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…",1787756716660]