2017-09-16 3 views
0

Nach der Implementierung von Google kein Captcha, ist das Laden meiner Webseite merklich langsam.Wie kann ich google recaptcha asyncly laden?

Das Problem aus dieser kommt, die in <head></head>

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

Wie verwendet wird, kann ich vielleicht diese aysncly mit Javascript laden, und haben die Captcha-Anzeige, nachdem die Seite geladen wird?

Ich habe versucht:

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"; 
} 

noch keine Zigarre. Irgendwelche Ideen?

Antwort

0

Sie haben zwei Möglichkeiten:

  1. Ihr Script-Tag nach unten verschieben.
  2. Use async.
+0

von unten meinst du

tag? Bitte klären Sie – 2523454

+0

Mit dem unteren, ich meine den unteren Teil Ihres HTML-Code, wo ein '