Javascript 谷歌翻译元素-页面准备就绪后加载

我在我的页面上使用google web translate元素。对于那些不知道它是什么的人，你可以在这里找到它：

它使用javascript加载到页面上。我将其嵌入页面顶部，这会导致我的其他内容停止加载，直到翻译栏完成加载

如何延迟javascript运行直到我的页面完全加载

以下是脚本：

<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'en',
    includedLanguages: 'da,nl,en,fi,fr,it,no,ru,es,sv',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement({
页面语言：'en'，
包括语言：“da、nl、en、fi、fr、it、no、ru、es、sv”，
布局：google.translate.TranslateElement.InlineLayout.SIMPLE
}“谷歌翻译元素”）；
}

正如John Conde所评论的，我将脚本放在页面底部，嘿，presto，页面加载

另一种方法是异步加载google translate

<div class="custom-translate" id="google_translate_element"></div>

<!-- ASYNCHRONOUS Google Translate -->
        <script type="text/javascript">
        function googleTranslateElementInit() {
          new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false},'google_translate_element');
        }

        (function() {
          var googleTranslateScript = document.createElement('script');
          googleTranslateScript.type = 'text/javascript';
          googleTranslateScript.async = true;
          googleTranslateScript.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
          ( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( googleTranslateScript );
        })();
        </script>   
    <!-- End script -->

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'en'，layout:google.translate.TranslateElement.InlineLayout.SIMPLE，autoDisplay:false}，'google_translate_element'）；
}
（功能（）{
var googleTranslateScript=document.createElement（'script'）；
googleTranslateScript.type='text/javascript'；
googleTranslateScript.async=true；
googleTranslateScript.src='//translate.google.com/translate_a/element.js？cb=googleTranslateElementInit'；
（document.getElementsByTagName（'head'）[0]| | document.getElementsByTagName（'body'）[0]）appendChild（googleTranslateScript）；
})();

你的意思是除了把它放在页面底部之外？