2017-09-16 54 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代碼中最底部的部分,其中'