Question

I need to execute some scripts when all the resources on my domain and subdomain are loaded, so I did this:

$(window).load(function(){
  // al my functions here...
}

The problem is that there are some external resources (not on my domain and subdomain) that sometimes take longer to load. Is there a way to exclude external resources from the load event?

EDIT:
I was hoping to do something like:

$(window).not(".idontcare").load(function()

but it’s not working

Answer 1

I guess your external resources rely on a src attribute.

If so, in your page source code you could set the src attribute of the resources you don’t want to wait for, not as src but as external_src.

Then you could easily do:

$(document).ready(function(){

    $(window).load(function(){
        // all your functions here...
    });

    $('[external_src]').each(function() {

        var external_src = $(this).attr("external_src");

        $(this).attr("src", external_src); // now it starts to load
        $(this).removeAttr("external_src"); // keep your DOM clean

        //Or just one line:
        //$(this).attr("src", $(this).attr("external_src")).removeAttr("external_src");

    });

});

This way the external resources should start loading as soon as just the DOM is ready, without waiting for the full window load.