[{"data":1,"prerenderedAt":54},["ShallowReactive",2],{"\u002Fglossary\u002Fdom-content-loaded":3,"\u002Fglossary\u002Fdom-content-loaded:related":37},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":22,"date":23,"description":24,"draft":25,"extension":26,"letter":27,"meta":28,"navigation":29,"path":30,"readTime":31,"related":32,"seo":33,"stem":35,"term":5,"__hash__":36},"glossary\u002Fglossary\u002Fdom-content-loaded.md","DOM Content Loaded","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":18},"minimark",[11],[12,13,14,17],"p",{},[15,16,5],"strong",{}," (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. It is an older, technical metric that marks an important milestone in the page lifecycle.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[],null,"April 8, 2026","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.",false,"md","D",{},true,"\u002Fglossary\u002Fdom-content-loaded","1 min read",[],{"title":34,"description":24},"DOM Content Loaded: Definition | Web Performance Glossary","glossary\u002Fdom-content-loaded","K1H0zQuBD0oEtTvZBfMcBoyT1glNIQqQNkuTIez8f48",[38,42,46,50],{"path":39,"title":40,"description":41,"letter":27},"\u002Fglossary\u002Fdom-document-object-model","DOM (Document Object Model)","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.",{"path":43,"title":44,"description":45,"letter":27},"\u002Fglossary\u002Fdom-size","DOM Size","DOM Size refers to the total number of elements (nodes) and the complexity of their nesting within a page's HTML structure.",{"path":47,"title":48,"description":49,"letter":27},"\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":51,"title":52,"description":53,"letter":27},"\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.",1787756713993]