2017-09-16 73 views
0

执行Google没有验证码后,我的网页加载速度明显缓慢。我该如何加载谷歌recaptcha异步?

问题来源于此,这是在<head></head>

<script src='https://www.google.com/recaptcha/api.js'></script> 

使用我怎么能aysncly使用JavaScript也许加载此,并在页面加载后的验证码显示?

我想:

function loadCaptcha(){ 

    var div = document.createElement('div'); 

    div.className = 'row'; 

    div.innerHTML = ""; 
    div.innerHTML += "<script src='https://www.google.com/recaptcha/api.js'></script>"; 
    div.innerHTML += "<form action='' method='post''><div align=\"center\" id='centercaptcha' class=\"g-recaptcha\" data-sitekey=\"***\"></div><br><button name='Claim faucet' value='Claim faucet' id='faucet-button'>Claim faucet</button></form>"; 

    document.getElementById('center').appendChild(div); 

    //document.getElementById("loading").style.display = "none"; 
} 

但没有雪茄。有任何想法吗?

回答

0

你有两个选择:

  1. 移动你的脚本标签的底部。
  2. Use async
+0

底部你的意思是

+0

底部,我的意思是HTML代码中最底部的部分,其中'