Сценарий предварительной загрузки без выполнения
Чтобы улучшить производительность страницыI need to preload scripts что мне нужно будетrun on the bottom page.
Я хотел бы взять под контроль, когда скрипт анализируется, компилируется и выполняется.
я долженavoid the script tag, потому что это такблокировщик для обычных движков рендеринга (geeko, и т. д.).
Я не могу загрузить его, используяdefer свойство, потому что мне нужно контролировать, когда скрипт выполняется. Также,async собственность не возможна.
образец:
<html><head>
//preload scripts ie: a.js without use the script
</head><body> ..... all my nice html here
//execute here a.js
</body></html>
Это позволяет мне максимизировать производительность рендеринга моей страницы, потому что браузер начнет выгружать содержимое скриптов и одновременно будет рендерить страницу одновременно. Наконец, я могу добавить тег script, чтобы браузер проанализировал, скомпилировал и выполнил код.
Единственный способ сделать это - использовать скрытый тег изображения. (Это упрощенныйверсия Стояна)
то есть
<html><head>
<img src="a.js" style=display:none;>
</head><body> ..... all my nice html here
<script src="a.js">
</body></html>
Я не обнаружил никаких проблем с использованием этой техники, но кто-нибудь знает лучший способ сделать это? Есть ли какая-то мета-предварительная выборка?
Additional informationЯ используюrequirejsпоэтому я пытаюсь предварительно загрузить код модулей, не выполняя его, потому что этот код зависит от элементов DOM.