Comments on: Positioning Inline Scripts

By: anish

anish — Wed, 09 Mar 2011 14:34:29 +0000

Effect on downloading of resources when an inline script above it is being executed:

IE8 – Will block downloading of image & iframe.
Will allow downloading of stylesheet and .js file.
http://www.webpagetest.org/result/110302_KG_30M6/

IE9 – Will block downloading of iframe.
Will allow downloading of image, stylesheet and .js files.
http://www.webpagetest.org/result/110302_TN_30MS/

Firefox 3.6.3, IE6, IE7, Chrome 10.0.648.127, Opera 11.01, Safari 4.0.5 – will block downloading of image, stylesheet and .js files.

By: Steve Souders

Steve Souders — Sun, 27 Feb 2011 22:29:10 +0000

@anish: It’s possible Opera behaves differently. It’s possible the other browsers have fixed the issue with inline scripts blocking stylesheets.

By: anish

anish — Sat, 26 Feb 2011 14:13:37 +0000

there was a mistake in comment no. 10 http://www.stevesouders.com/blog/2009/05/06/positioning-inline-scripts/comment-page-1/#comment-3061

If a page has an inline script, in Opera page is rendered till the location of the inline script. (tested in versions 10.51 & 11.01)

In IE8, Firefox 3.6.3, Chrome 9.0.597.98 & Safari 4.0.5 nothing is rendered when the inline script is executing.

Sorry for the mistake i made in the earlier comment

By: anish

anish — Sat, 26 Feb 2011 06:04:55 +0000

In the 6th chapter of EFWS, the danger of CSS and inline script coming together is mentioned.

The test page for this is:
http://stevesouders.com/cuzillion/?ex=10103&title=Inline+Scripts+after

The time taken in diff. browsers are:
IE8 – 7436 ms
Firefox 3.6.3 – 4860 ms
Chrome 9.0.597 – 4748 ms
Safari 4.0.5 – 4804 ms
Opera 10.51 – 4952 ms

I guess browsers other than IE8 starts downloading the external file when the inline script begins execution.

Or is it some other reason that results in the less time in browsers other than IE8?

By: anish

anish — Sat, 26 Feb 2011 05:53:45 +0000

In the 6th chapter of EFWS and in http://stevesouders.com/cuzillion/?ex=10100&title=Inline+Scripts+Block it’s mentioned that”Nothing in the page is rendered until the inline script is done executing.”

The results i got when i tested this is:

In IE8, Opera 10.51 & Firefox 3.6.3 the page is rendered till the inline script. The part after the inline script doesn’t get rendered until the inline script finishes execution.

In Chrome 9.0.597.98 & Safari 4.0.5 nothing in the page is rendered until the inline script finishes execution.

The format applied is:

….

I couldn’t find the present status of browsers regarding inline scripts.

By: Nagaraj Hubli

Nagaraj Hubli — Thu, 09 Jul 2009 20:44:20 +0000

The best possible option is to move inline script to the bottom of the page, along with the DEFER attribute, right?

By: Jeremy Dunck

Jeremy Dunck — Fri, 22 May 2009 02:21:13 +0000

Steve,
I have a large body of HTML that I’d like crawlers to be able to see, but that same content will be styled into a nice carousel display when JS gets a chance to run. I am trying to minimize page jumping, so I can’t wait until the JS in the footer has a chance to run.

I was planning on using a very fast inline JS– just setting the carousel container size and overflow:auto– but now you’ve made me doubt the approach.

Do you have any suggestions on minimizing page jumping and keeping page content visible without JS, also while avoiding inline scripts? :-/

By: tham

tham — Mon, 18 May 2009 08:20:01 +0000

Hi,

I have a question.

document.getElementById(“applet”).innerHTML = ;

From the code above,,,is it possible that the race condition occurs between the declaration of the applet object and the onload event calling to the applet’s function????

I also want to know what is the sequence of execution when we have the onload event and the inline script in the body tag

By: sunnybear

sunnybear — Fri, 15 May 2009 18:04:55 +0000

Steve, there is actually one more way to resolve huge timeout because of inline scripts execution. We can perform all critical calculations on the server and put on client only all final numbers (or final DOM tree).

By: jkarczm

jkarczm — Mon, 11 May 2009 11:34:48 +0000

sorry, “you CAN’T”