title: How does DOMContentLoaded relate to Web Components?
body: <p>It's age-old common sense to start manipulating the DOM only once it's ready and we can be certain all the elements are available, and in the post-jQuery days we're all using the <a href="https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded" rel="noreferrer"><code>DOMContentLoaded</code></a> event for this.</p>
  
  <p>Now web components (especially in the form of autonomous custom elements) tend to create their own HTML, usually in the <code>connectedCallback()</code> lifecycle method.</p>
  
  <p>1st question:</p>
  
  <p>How does <code>DOMContentLoaded</code> relate to (autonomous) custom elements? Will the event occur only after all component connectedCallbacks have finished? If not, how can I make sure certain code only executes after the web components are done initializing?</p>
  
  <p>2nd question, totally related:</p>
  
  <p>How do web components relate to the <code>defer</code> attribute of the <code>script</code> element?</p>