[{"data":1,"prerenderedAt":59},["ShallowReactive",2],{"\u002Fglossary\u002Fdom-document-object-model":3,"\u002Fglossary\u002Fdom-document-object-model: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":18,"__hash__":42},"glossary\u002Fglossary\u002Fdom-document-object-model.md","DOM (Document Object Model)","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":24},"minimark",[11],[12,13,14,15,19,20,23],"p",{},"The ",[16,17,18],"strong",{},"DOM"," is a tree-like representation of all the elements in an HTML document that is created by the browser when it loads a page. It is the fundamental structure that the browser uses to understand, style, and render content. JavaScript can manipulate the DOM to dynamically change what is on the page. A large and complex DOM (",[16,21,22],{},"DOM Size",") can negatively impact performance.",{"title":25,"searchDepth":26,"depth":26,"links":27},"",2,[],null,"April 8, 2026","The DOM is a tree-like representation of all the elements in an HTML document that is created by the browser when it loads a page.",false,"md","D",{},true,"\u002Fglossary\u002Fdom-document-object-model","1 min read",[],{"title":40,"description":30},"DOM (Document Object Model): Definition | Web Performance Glossary","glossary\u002Fdom-document-object-model","VAAUmQGH5FIGO1VNX6lxQZPbM5_N9szwYOWUVsKojrk",[44,48,51,55],{"path":45,"title":46,"description":47,"letter":33},"\u002Fglossary\u002Fdom-content-loaded","DOM Content Loaded","DOM Content Loaded (DOMContentLoaded or DCL) is a browser event that fires when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.",{"path":49,"title":22,"description":50,"letter":33},"\u002Fglossary\u002Fdom-size","DOM Size refers to the total number of elements (nodes) and the complexity of their nesting within a page's HTML structure.",{"path":52,"title":53,"description":54,"letter":33},"\u002Fglossary\u002Fdeferred-js-loading","Deferred JS loading","Deferred JS loading is a technique for loading JavaScript files in a non-blocking way using the `defer` attribute on a `\u003Cscript>` tag.",{"path":56,"title":57,"description":58,"letter":33},"\u002Fglossary\u002Fdeployment","Deployment","A deployment is the process of releasing new code, features, or content updates to a live production website. This is a critical event for any caching system, as the cached content may become instantly outdated.",1787756714036]