title: How can I load google recaptcha asyncly?
body: <p>After implementing googles no captcha, my website page loading is noticeably slow.</p>
  
  <p>The problem comes from this, which is used in <code>&lt;head&gt;&lt;/head&gt;</code></p>
  
  <pre><code>&lt;script src='https://www.google.com/recaptcha/api.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>How can I load this aysncly with javascript maybe, and have the captcha display after the page loads?</p>
  
  <p>I tried:</p>
  
  <pre><code>function loadCaptcha(){
  
      var div = document.createElement('div');
  
      div.className = 'row';
  
      div.innerHTML = "";
      div.innerHTML += "&lt;script src='https://www.google.com/recaptcha/api.js'&gt;&lt;/script&gt;";
      div.innerHTML += "&lt;form action='' method='post''&gt;&lt;div align=\"center\" id='centercaptcha' class=\"g-recaptcha\" data-sitekey=\"***\"&gt;&lt;/div&gt;&lt;br&gt;&lt;button name='Claim faucet' value='Claim faucet' id='faucet-button'&gt;Claim faucet&lt;/button&gt;&lt;/form&gt;";
  
      document.getElementById('center').appendChild(div);
  
      //document.getElementById("loading").style.display = "none";
  }
  </code></pre>
  
  <p>yet no cigar. Any ideas?</p>