How to make an java scritpt AD to load only after page is fully loaded?

[MartonB]

Hello

I'm trying to help my friend to improve his page load,

He has an external JS that takes some time to fully load.

we d'ilke to make that JavaScript load after the page is fully loaded

Please any idea how to do that? thanks

 

[MartonB]

Oh shuuuuuuuuuuuuuuuuuuuuuuiiit, no one?

 

[Johnik]

try this

$(document).ready(function() {
    $.getScript("http://jact.atdmt.com/jaction/JavaScriptTest");
});

source: https://stackoverflow.com/questions/19737031/loading-scripts-after-page-load

 

[rb32]

Something you can also try is adding async to your script tag, eg:

script src="myscript.js" async

 

[693840]

try this

$(document).ready(function() {
    $.getScript("http://jact.atdmt.com/jaction/JavaScriptTest");
});

source: https://stackoverflow.com/questions/19737031/loading-scripts-after-page-load

jQuery in 2020

 

[theRevolt]

jQuery in 2020

Even if do if at least use window on load, ready function is depreciated.


But yeah can solve natively as well of course

 

[rb32]

Here's a native version (which you can embed into a window.onload or DOMContentLoaded listener:

(function(document) {
    var newScriptTag = document.createElement('script'); // creates the script tag
    var firstScriptTag = document.getElementsByTagName('script')[0]; // find the first script tag in the document
    newScriptTag.src = 'myscript.js'; // set the source of the script to your script
    firstScriptTag.parentNode.insertBefore(newScriptTag, firstScriptTag); // appends the new script to the DOM
}(document));

 

[Larry Igna]

Something you can also try is adding async to your script tag, eg:

script src="myscript.js" async

Defer is good here. https://javascript.info/script-async-defer

 

[rb32]

Good point. defer keeps the order of execution the same - so if there are other external scripts dependent on this script then defer is important. Also defer waits until the DOM is ready, which may improve the page load speed further than just using async.

 

[MartonB]

try this

$(document).ready(function() {
    $.getScript("http://jact.atdmt.com/jaction/JavaScriptTest");
});

source: https://stackoverflow.com/questions/19737031/loading-scripts-after-page-load

Hi thanks buddy,

Can you give some details on how I can implement it on my page because adding these lines to the page source didn't work.

 

[rb32]

Are you able to share the url?

 

[RayChand]

I once heard Doug Cannington mention some services that can do this. I didn’t grasp the name or the concept. He has many live sessions weekly; you can try to catch up with him and ask. Meanwhile, you may also look into manual customization of your HMTL codes of your CMS to delay loading.