Question

我开始在我的shopify网站im-diamond.com上使用谷歌翻译，将代码段放在标题中。现在，当我检查Chrome Lighthouse报告时，它说它正在减慢网站速度并建议使用link rel =＆＃39; preload＆＃39; 。如何使用它来实现Google翻译的代码段？

<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>

Answer 1

rel =“ preload”使您可以优先考虑页面加载后不久将需要的资源。顾名思义，资源将在调用后预加载并准备使用。您可以在此documentation页上找到有关rel =“ preload”的更多信息。

要使用它，请将以下行放在HTML标头中：

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

其中“ scriptName.js”是包含您正在使用的Google Translate脚本的文件的名称。在需要使用预加载脚本的HTML代码中，进一步使用以下行：

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

使用link rel =＆＃34; preload＆＃34;谷歌翻译

1 个答案: