<head>tag, as early as possible. If you are using Active as a library, initialize it as early as possible. This prevents "blinking" experience for end-users while translating the page.
crossoriginattribute to the
<script src="https://active.motaword.com/index.js" crossorigin></script>
<script src="https://active.motaword.com/index.js" crossorigin async></script>
This way, Active JS will load asynchronously, as early as possible, and will start putting the translations as the DOM elements become available.
If your page is large, enable
data-use-dynamic-translationin your Active configuration along with
asyncloading of the script. This is enabled for you by default, and we do not recommend disabling it for most of the websites. If disabled, interactive elements on your page won't be translated properly.
Do not use
<script>tag as it delays translating the DOM and increases "blinking" experience for end-users.
During testing and/or on staging environments, enable
useDummyTranslationsoption so that you won't incur any costs.