[{"data":1,"prerenderedAt":56},["ShallowReactive",2],{"\u002Fglossary\u002Fshadow-dom":3,"\u002Fglossary\u002Fshadow-dom:related":39},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":24,"date":25,"description":26,"draft":27,"extension":28,"letter":29,"meta":30,"navigation":31,"path":32,"readTime":33,"related":34,"seo":35,"stem":37,"term":5,"__hash__":38},"glossary\u002Fglossary\u002Fshadow-dom.md","Shadow DOM","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":20},"minimark",[11],[12,13,14,15,19],"p",{},"The Shadow DOM is a browser feature that allows developers to create a hidden, encapsulated DOM tree within a normal element. This \"shadow\" tree's styles and scripts are isolated from the main page. Speed Kit uses this technology to safely ",[16,17,18],"strong",{},"pre-render"," a predicted page in the background. By rendering the page inside a Shadow DOM, it ensures that the pre-rendered page's CSS and JavaScript do not conflict with or disrupt the page the user is currently viewing.",{"title":21,"searchDepth":22,"depth":22,"links":23},"",2,[],null,"April 8, 2026","The Shadow DOM is a browser feature that allows developers to create a hidden, encapsulated DOM tree within a normal element. This \"shadow\" tree's styles and scripts are isolated from the main page.",false,"md","S",{},true,"\u002Fglossary\u002Fshadow-dom","1 min read",[],{"title":36,"description":26},"Shadow DOM: Definition | Web Performance Glossary","glossary\u002Fshadow-dom","i__G37R8eywCoAmwHN4XZF8QlO2LgeY9opkxVXo3Tzg",[40,44,48,52],{"path":41,"title":42,"description":43,"letter":29},"\u002Fglossary\u002Fsearch-engine-optimization-seo","Search Engine Optimization (SEO)","SEO is the process of improving a website's visibility in search engine results pages (like Google). The goal is to rank higher than competitors for relevant search queries to attract more organic (free) traffic.",{"path":45,"title":46,"description":47,"letter":29},"\u002Fglossary\u002Fserver-response-time","Server Response Time","Server Response Time is a component of Time to First Byte that measures how long the server takes to process a request and start sending back a response, excluding network latency.",{"path":49,"title":50,"description":51,"letter":29},"\u002Fglossary\u002Fserver-timing","Server Timing","Server Timing is a browser API that allows the backend to communicate performance metrics about its own internal processes (e.g., database query time, time to render a component) to the browser via HTTP headers.",{"path":53,"title":54,"description":55,"letter":29},"\u002Fglossary\u002Fserver-side-ab-testing","Server-Side A\u002FB Testing","This is a performance-friendly method for running A\u002FB tests. Unlike Client-Side A\u002FB Testing, the decision of which variation to show a user is made on the Origin Server.",1787756716113]