Асинхронные скрипты для asm.js
Каждая средняя или большая игра должна компилировать код asm.js как часть асинхронного скрипта, чтобы дать браузеру максимальную гибкость для оптимизации процесса компиляции. В Gecko асинхронная компиляция позволяет движку JavaScript компилировать asm.js из основного потока когда игра загружается, и кешировать сгенерированный машинный код, так что игру не нужно компилировать при последующих загрузках (начиная с Firefox 28). Чтобы увидеть разницу, переключите javascript.options.parallel_parsing
в about:config
.
Написание асинхронного скрипта
Получить асинхронную компиляцию легко: при написании JavaScript просто используйте async
атрибут следующим образом:
<script async src="file.js"></script>
или, чтобы сделать то же самое через скрипт:
var script = document.createElement('script'); script.src = "file.js"; document.body.appendChild(script);
(скрипты создаются из скрипта по умолчанию async
.) Стандартная оболочка HTML, которую генерирует Emscripten, создаёт последнее.
Когда асинхронный не асинхронный?
Две распространённые ситуации, в которых сценарий не асинхронен (как определено спецификацией HTML ):
<script async src="file.js"></script>
а также
const script = document.createElement("script");
script.src = "file.js";
document.body.appendChild(script);
Оба считаются «встроенными» скриптами, компилируются и запускаются сразу
Что если ваш код находится в строке JS? Вместо использования eval
или innerHTML
, оба из которых запускают синхронную компиляцию, вы должны использовать BLOB-объект с URL объекта:
var blob = new Blob([codeString]); var script = document.createElement('script'); var url = URL.createObjectURL(blob); script. = function() { URL.revokeObjectURL(url); }; script.src = url; document.body.appendChild(script);
Настройка src
вместо настройки innerHTML
делает этот скрипт асинхронным.