Cómo ejecutar una función jQuery después de ejecutar todos y cada uno de los javascript

Question

Tengo una página de galería de fotos alojada en un CMS (Squarespace) que tiene algunos de sus propios scripts que cargan las miniaturas de forma asincrónica.

Las grandes imágenes reales sin embargo, no están precargados, así que decidió añadir mi propio guión en la mezcla para simplemente hacer que el navegador cargue las imágenes más grandes en la memoria caché en el fondo, como esto:

(function($) { 
    var cache = []; 
    // Arguments are image paths relative to the current page. 
    $.preLoadImages = function() { 
    var args_len = arguments.length; 
    for (var i = args_len; i--;) { 
     var cacheImage = document.createElement('img'); 
     cacheImage.src = arguments[i]; 
     cache.push(cacheImage); 
    } 
    } 
})(jQuery) 

$(window).load(function(){ 
$.preLoadImages(
    "/picture/1.jpg", 
    "/picture/2.jpg", //etc. 
    ); 
}); 

Puse mi código en $ (ventana) .load() porque este es un script de fondo y no es esencial, incluso se ejecuta, solo para mejorar el rendimiento.

Sin embargo, creo que esta secuencia de comandos bloquea de alguna manera la propia secuencia de comandos de precarga de miniaturas del CMS.

¿Estoy en lo cierto? Y lo más importante, ¿hay alguna forma de dictar que mi secuencia de comandos solo se ejecute después de que se hayan ejecutado todas las demás secuencias de comandos en la página?

aplausos

Answer 1

JavaScript siempre se está ejecutando, el evento hover, por ejemplo, está disparando constantemente, mousemove, etc ... no hay "fin" a la carrera de la escritura.

Sin embargo, en su caso, esto no debería bloquear ninguna otra precarga ... también puede usar document.ready aquí, ya que en realidad no necesita imágenes cargadas antes de que se ejecute su código.

En realidad, en realidad está ralentizando la página usando window.load en su lugar ... ya que la precarga comienza más tarde, cuando el navegador podría paralelizarla con otras descargas anteriores. En su lugar utilizar document.ready, así:

$(function(){ 
    $.preLoadImages(
    "/picture/1.jpg", 
    "/picture/2.jpg", //etc. 
    ); 
}); 

Answer 2

Scripts se cargan arriba hacia abajo, y onloads cuerpo normalmente se añaden al onloads existentes - así que mientras que $ (function() .. se encuentra al final de la página, se ejecutará el último. (último (según el comentario de nick) que significa el análisis/ejecución inicial del documento)