title: How to defer loading of the twitter embedded timeline widget?
body: <p>I'm using the new twitter embedded timeline widget and by default you need to place the script at the position in the page where you want it to display.</p>
  
  <p>This means it's getting called before my other scripts at the bottom of the page, some of which adjust the layout and twitter is causing quite noticeable delay</p>
  
  <p>How would I go about dynamically inserting the widget at the end, after all other js has run?</p>
  
  <pre><code>&lt;a class="twitter-timeline" href="https://twitter.com/search?    
  q=from%3A%40jamesTbone" 
  data-widget-id="XXXXXXXXXX"&gt;&lt;/a&gt;
  &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)
  [0];if(!d.getElementById(id))    
  {js=d.createElement(s);js.id=id;js.async=true;js.src="//platform.twitter.com/widgets.js";fjs
  .parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");&lt;/script&gt;
  </code></pre>