Precargar script sin ejecutar
Para mejorar el rendimiento de la página.Necesito precargar scripts que necesitarécorrer en la página inferior.
Me gustaría tomar control de cuando el script se analiza, compila y ejecuta.
yo deboevitar la etiqueta de script, porque esBloqueador para motores de renderizado comunes. (geeko, etc).
No puedo cargarlo usandoaplazar propiedad, porque necesito controlar cuando se ejecuta el script. También,asíncrono La propiedad no es una posibilidad.
muestra:
<html><head>
//preload scripts ie: a.js without use the script
</head><body> ..... all my nice html here
//execute here a.js
</body></html>
Esto me permite maximizar el rendimiento de procesamiento de mi página, ya que el navegador comenzará a descargar el contenido de los scripts y la página al mismo tiempo en paralelo. Finalmente, puedo agregar la etiqueta de script, para que el navegador analice, compile y ejecute el código.
La única forma en que podría hacerlo es usando una etiqueta de imagen oculta. (Esto es un simplificadoversión de Stoyan)
es decir
<html><head>
<img src="a.js" style=display:none;>
</head><body> ..... all my nice html here
<script src="a.js">
</body></html>
No encontré ningún problema al usar esta técnica, pero ¿alguien sabe una mejor manera de hacerlo? ¿Hay algún meta prefetch?
Información AdicionalEstoy usandorequirejs, entonces estoy tratando de precargar el código de los módulos, sin ejecutarlo, porque este código depende de los elementos DOM.