[{"data":1,"prerenderedAt":54},["ShallowReactive",2],{"\u002Fglossary\u002Fdynamic-html":3,"\u002Fglossary\u002Fdynamic-html: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\u002Fdynamic-html.md","Dynamic HTML","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":18},"minimark",[11],[12,13,14,17],"p",{},[15,16,5],"strong",{}," refers to HTML pages that contain both static content and dynamic content. For example, an e-commerce product page might have a static layout and product description (static) but a dynamic shopping cart total and personalized recommendations (dynamic). Speed Kit is optimized to cache and serve the static parts quickly while always fetching the dynamic parts fresh from the origin.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[],null,"April 8, 2026","Dynamic HTML refers to HTML pages that contain both static content and dynamic content. For example, an e-commerce product page might have a static layout and product description (static) but a dyn…",false,"md","D",{},true,"\u002Fglossary\u002Fdynamic-html","1 min read",[],{"title":34,"description":24},"Dynamic HTML: Definition | Web Performance Glossary","glossary\u002Fdynamic-html","edhfhh0S4H-oG8r6E5xp1yEcJrrv8_jxgxEnaFve2fI",[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-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":47,"title":48,"description":49,"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":51,"title":52,"description":53,"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.",1787756714195]