[{"data":1,"prerenderedAt":51},["ShallowReactive",2],{"\u002Fglossary\u002Fdynamic-blocks":3,"\u002Fglossary\u002Fdynamic-blocks: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\u002Fdynamic-blocks.md","Dynamic Blocks","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":15},"minimark",[11],[12,13,14],"p",{},"Dynamic Blocks are specific, designated areas within a webpage that contain personalized or frequently changing content. Speed Kit can be configured to treat these blocks differently from the rest of the page. While the main page structure is served from the cache, these blocks are always fetched live from your origin server to ensure the data (e.g., a real-time stock counter or a personalized user greeting) is always up-to-date.",{"title":16,"searchDepth":17,"depth":17,"links":18},"",2,[],null,"April 8, 2026","Dynamic Blocks are specific, designated areas within a webpage that contain personalized or frequently changing content. Speed Kit can be configured to treat these blocks differently from the rest of the page.",false,"md","D",{},true,"\u002Fglossary\u002Fdynamic-blocks","1 min read",[],{"title":31,"description":21},"Dynamic Blocks: Definition | Web Performance Glossary","glossary\u002Fdynamic-blocks","QTM1YrDJjlaH5vKJEhfBYcSd0rAKoAiUtZsrgQM6SPY",[35,39,43,47],{"path":36,"title":37,"description":38,"letter":24},"\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":40,"title":41,"description":42,"letter":24},"\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":44,"title":45,"description":46,"letter":24},"\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":48,"title":49,"description":50,"letter":24},"\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.",1787756714087]