Использование ссылки rel = "preload" для Google Translate - PullRequest
Новая
       7

Использование ссылки rel = "preload" для Google Translate

0 голосов
/ 02 июня 2018

Я начал использовать Google Translate для своего сайта shopify im-diamond.com, поместив фрагмент в шапку.Теперь, когда я проверяю отчет Chrome Lighthouse, он говорит, что он замедляет работу сайта, и предлагает использовать ссылку rel = 'preload'.Как я могу использовать это для реализации фрагмента Google Translate?

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

1 Ответ

0 голосов
/ 20 июля 2018

rel = ”preload” позволяет вам расставить приоритеты ресурсов, которые понадобятся вскоре после загрузки страницы.Как следует из названия, ресурсы будут предварительно загружены и готовы к использованию после вызова.Вы можете найти больше информации о rel = ”preload” на этой документации странице.

Чтобы использовать его, поместите следующую строку в заголовок HTML: 

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

Где «scriptName.js» - это имя файла, содержащего используемый вами скрипт Google Translate.Далее в вашем HTML-коде, где вам нужно использовать предварительно загруженный скрипт, используйте следующую строку: 

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