[{"data":1,"prerenderedAt":71},["ShallowReactive",2],{"\u002Fglossary\u002Fdeferred-js-loading":3,"\u002Fglossary\u002Fdeferred-js-loading:related":54},{"id":4,"title":5,"author":6,"authorImage":7,"body":8,"category":39,"date":40,"description":41,"draft":42,"extension":43,"letter":44,"meta":45,"navigation":46,"path":47,"readTime":48,"related":49,"seo":50,"stem":52,"term":5,"__hash__":53},"glossary\u002Fglossary\u002Fdeferred-js-loading.md","Deferred JS loading","Fabian Krumbholz","\u002Fimages\u002Fauthors\u002Ffabian-krumbholz.webp",{"type":9,"value":10,"toc":35},"minimark",[11],[12,13,14,17,18,22,23,26,27,30,31,34],"p",{},[15,16,5],"strong",{}," is a technique for loading JavaScript files in a non-blocking way using the ",[19,20,21],"code",{},"defer"," attribute on a ",[19,24,25],{},"\u003Cscript>"," tag. A deferred script is downloaded in parallel while the browser parses the HTML, but it is only executed after the HTML document has been fully parsed. This method is critical for preventing JavaScript from being a ",[15,28,29],{},"render-blocking resource",", which improves the ",[15,32,33],{},"First Contentful Paint (FCP)"," by ensuring scripts do not delay the initial rendering of the page.",{"title":36,"searchDepth":37,"depth":37,"links":38},"",2,[],null,"April 8, 2026","Deferred JS loading is a technique for loading JavaScript files in a non-blocking way using the `defer` attribute on a `\u003Cscript>` tag.",false,"md","D",{},true,"\u002Fglossary\u002Fdeferred-js-loading","1 min read",[],{"title":51,"description":41},"Deferred JS loading: Definition | Web Performance Glossary","glossary\u002Fdeferred-js-loading","ONN7wZ25BRmY3d-sDnhZrXTEV3i9Ajzm1xFIWhV0Q7M",[55,59,63,67],{"path":56,"title":57,"description":58,"letter":44},"\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":60,"title":61,"description":62,"letter":44},"\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":64,"title":65,"description":66,"letter":44},"\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":68,"title":69,"description":70,"letter":44},"\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.",1787756713874]