title: Loading scripts async in next.js
body: <p>I have a very small page in next.js that simply says <code>Finding you a game...</code>
  I need it to render almost instantaneously.</p>
  
  <p>The problem is, it needs to load some heavy libraries to find the game in the first place.
  Currently, next.js is loading those libraries before showing <code>Finding you a game...</code>.</p>
  
  <p>What I want to do is to mark all the dependencies as <code>async</code> or <code>defer</code> so that the page renders first and then the dependencies get loaded.</p>
  
  <p>How do I do that?</p>