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

MartonB

Regular Member

Aug 20, 2019

285

70

• Oct 17, 2020

• #1

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

Regular Member

Aug 20, 2019

285

70

• Oct 17, 2020
• Thread Starter Thread Starter

• #2

Oh shuuuuuuuuuuuuuuuuuuuuuuiiit, no one?

 

Johnik

Regular Member

Sep 3, 2019

330

418

• Oct 17, 2020

• #3

try this

JavaScript:

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

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

 

R

rb32

Registered Member

Oct 14, 2020

54

21

• Oct 17, 2020

• #4

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

Code:

script src="myscript.js" async

 

6

693840

Banned - Inappropriate behavior

Aug 4, 2013

3,593

8,924

• Oct 17, 2020

• #5

Johnik said:

try this

JavaScript:

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

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

Click to expand...

jQuery in 2020

 

T

theRevolt

Jr Vip

Jul 29, 2009

2,925

2,139

• Oct 17, 2020

• #6

Blackhat Lifter said:

jQuery in 2020

Click to expand...

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


But yeah can solve natively as well of course

 

R

rb32

Registered Member

Oct 14, 2020

54

21

• Oct 17, 2020

• #7

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

Code:

(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

Power Member

Nov 25, 2016

663

717

• Oct 17, 2020

• #8

rb32 said:

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

Code:

script src="myscript.js" async

Click to expand...

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

 

R

rb32

Registered Member

Oct 14, 2020

54

21

• Oct 17, 2020

• #9

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

Regular Member

Aug 20, 2019

285

70

• Oct 20, 2020
• Thread Starter Thread Starter

• #10

Johnik said:

try this

JavaScript:

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

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

Click to expand...

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.

 

R

rb32

Registered Member

Oct 14, 2020

54

21

• Oct 20, 2020

• #11

Are you able to share the url?

 

RayChand

Elite Member

Aug 3, 2010

1,740

648

• Oct 29, 2020

• #12

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.