[{"data":1,"prerenderedAt":54},["ShallowReactive",2],{"\u002Fglossary\u002Fdynamic-content-merging":3,"\u002Fglossary\u002Fdynamic-content-merging: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-content-merging.md","Dynamic Content Merging","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":18},"minimark",[11],[12,13,14,17],"p",{},[15,16,5],"strong",{}," is a Speed Kit feature that optimizes the delivery of pages with both static and dynamic content. It merges these two parts together in a smart way so that: (1) users get a fast static page render from the cache while (2) the dynamic content is being fetched fresh from the origin in parallel. This results in fast page loads even for pages with highly personalized or session-specific content.",{"title":19,"searchDepth":20,"depth":20,"links":21},"",2,[],null,"April 8, 2026","Dynamic Content Merging is a Speed Kit feature that optimizes the delivery of pages with both static and dynamic content. It merges these two parts together in a smart way so that: (1) users get a…",false,"md","D",{},true,"\u002Fglossary\u002Fdynamic-content-merging","1 min read",[],{"title":34,"description":24},"Dynamic Content Merging: Definition | Web Performance Glossary","glossary\u002Fdynamic-content-merging","eAjs17bj4biTYc5VA5CVi4cmoxVkNfpvvRHFFy9GbP0",[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.",1787756714187]