Html 使用链接rel="；预载；谷歌翻译

我开始在我的shopify网站im-diamond.com上使用Google Translate，方法是将代码片段放在标题中。现在，当我查看Chrome Lighthouse报告时，它说它正在减慢网站的速度，并建议使用link rel='preload'。我如何使用它来实现GoogleTranslate的代码片段

<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'tr', includedLanguages: 'ar,de,en,ru', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-111111-1'}, 'google_translate_element');
  }
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script> 

函数googleTranslateElementInit（）{
新的google.translate.TranslateElement（{pageLanguage:'tr'，includeLanguages:'ar，de，en，ru'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE，gaTrack:true，gaId:'UA-111111-1'，'google_translate_element'）；
}

rel=“preload”允许您对页面加载后不久所需的资源进行优先级排序。正如名称所描述的，一旦调用资源，它们将被预加载并准备好使用。您可以在此页面上找到有关rel=“preload”的更多信息

要使用它，请在HTML标题中放置以下行：

<link rel="preload" href="scriptName.js" as="script">

其中“scriptName.js”是包含您正在使用的谷歌翻译脚本的文件名。在需要使用预加载脚本的HTML代码中，使用以下行：

<script src="scriptName.js"></script>