Dynamic script with external src loading

Question

Sometimes I have issues while loading some ad scripts. If the external server is not responding, the whole page waits for the respond and stops loading. How can I tell those problem scripts to start executing after:

The whole page is loaded.
All other scripts are loaded.

Oleg V. Volkov · Accepted Answer · 2012-05-30 13:54:00Z

1

Using defer doesn't guarantee that it will defer both loading and running. You can control exact time when you want this script to start loading and executing by adding it to page dynamically by placing <script> with following contents after everything else you want to load and run:

var head=document.getElementsByTagName('head')[0]
var script=document.createElement('script')
script.setAttribute('type', 'text/javascript')
script.setAttribute('src', "http://your-script.com/address-here.js")
head.appendChild(script)

edited May 30, 2012 at 13:54

answered May 30, 2012 at 12:56

Oleg V. Volkov

22.6k4 gold badges49 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

14 Comments

Kos Over a year ago

When does it happen that defer doesn't defer?

abr Over a year ago

That looks like a solution. One more thing: how to set the script's content this way? Example: <script type="text/javascript" src="externalsite.com/script.js">var ad_id = '123abc';</script>

Oleg V. Volkov Over a year ago

Well, you always can .createTextNode and script.appendChild but even without looking in specs, I'm under impression that text child of script tag is silently ignored if you specify a src attribute.

Oleg V. Volkov Over a year ago

@Kos, directly from Sam's answer link: "The defer attribute gives a hint to the browser that the script does not create any content". Which is already seems like not exactly good thing. And then later: "In our tests IE4+ deferred the execution of deferred scripts, not their loading."

Oleg V. Volkov Over a year ago

Also, I've quickly refreshed myself on state of defer support in different browsers and it seems that so far not all of them exactly agree what (loading/run) is deferred, for how long and if it is guaranteed at all or not. So, manual control really seems to be better solution.

|

Sebas · Accepted Answer · 2012-05-30 12:52:30Z

1

Use the DEFER attribute of javascript declaration:

<script src="script.js" type="text/javascript" defer="defer"></script>

answered May 30, 2012 at 12:52

Sebas

21.6k9 gold badges60 silver badges109 bronze badges

Comments

Undefined · Accepted Answer · 2012-05-30 12:54:44Z

1

You need to defer your script. This will allow this rest of the page to load whilst this script is downloading.

Here is how to do it:

<script src="yourscript.js" defer="defer" type="text/javascript"></script>

More reading - http://www.websiteoptimization.com/speed/tweak/defer/

answered May 30, 2012 at 12:54

Undefined

11.4k5 gold badges39 silver badges62 bronze badges

Collectives™ on Stack Overflow

Dynamic script with external src loading

3 Answers 3

14 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

14 Comments

Comments

Comments

Related