Lack of interest [Suggestion] Move .JS

[ankurs]

Move all .js references to the footer ?

http://developer.yahoo.com/performance/rules.html#js_bottom

 

[Disjunto]

why would you do that?

 

[ankurs]

why would you do that?

will make pages load faster , read the yahoo link which i posted

 

[Shamil]

Not all scripts produce these issue, Google Analytics uses asynchronous loading. I believe async can be implemented. Whilst it'll make the page load faster, some components of the page will not work until the JS has finished loading.

 

[Brandon_R]

All CSS should be at the top of the page and all JS should be at the bottom.

But as vrtsolus stated,

it'll make the page load faster, some components of the page will not work until the JS has finished loading.

Check out the difference:

Javascript on the top - http://stevesouders.com/hpws/js-top.php
Javascript on the bottom - http://stevesouders.com/hpws/js-bottom.php

 

[Shamil]

That example was horrible, and plus, I couldn't see any elements using the script.

 

[Brandon_R]

The examples shows the point.

JS on top - nothing after the javascript can load without first loading the javascript
JS on bottom - the entire html of the page loads so the user can start looking at content then when the js loads then can the javascript features be used.

That page is designed to take 10 seconds to load.

JS on top - 8 seconds for js then the other 2 for content
JS on bottom - 2 secs for content first then 8 seconds for JS

Which would you rather see first?

 

[Shamil]

The examples shows the point.

JS on top - nothing after the javascript can load without first loading the javascript
JS on bottom - the entire html of the page loads so the user can start looking at content then when the js loads then can the javascript features be used.

That page is designed to take 10 seconds to load.

JS on top - 8 seconds for js then the other 2 for content
JS on bottom - 2 secs for content first then 8 seconds for JS

Which would you rather see first?

I'd rather see the second, but this can be resolved using async load.
http://www.artzstudio.com/2008/07/beating-blocking-javascript-asynchronous-js/

 

[Brandon_R]

There are many ways to load javascript without blocking the contents of the page. Here are some from a book i bought "High Performance Websites". I'm guessing async load is equal to the first one "XHR Eval" since it's loading javascript via ajax.

• XHR Eval
• XHR Injection
• Script in Iframe
• Script DOM Element
• Script Defer
• document.write Script Tag

 

[Shamil]

There are many ways to load javascript without blocking the contents of the page. Here are some from a book i bought "High Performance Websites". I'm guessing async load is equal to the first one "XHR Eval" since it's loading javascript via ajax.

• XHR Eval
• XHR Injection
• Script in Iframe
• Script DOM Element
• Script Defer
• document.write Script Tag

Yep, and I seem to have a moderate issue. Load up the following page in Firebug: http://www.radonsystems.net/home and see the net tab. You'll see what I mean.

 

[Floris]

UI preload methods should simply go to the top, libraries can be at the top, but preferred to be on a cdn.
And everything that's asynchronous can be at the top. everything that compliments the page and can be called post-loading the layout, and isn't asyn. should in my opinion be thrown at the bottom.

Load the page in timeline on Safari, and you will see there's currently no issue with the way things are loaded.

 

[Luke F]

Was just about to suggest this myself - please consider it

Even with the Javascript fully cached, it produces a noticeable speed increase.

 

[Forsaken]

Was just about to suggest this myself - please consider it

Even with the Javascript fully cached, it produces a noticeable speed increase.

It already has CDN capabilities; they're using local to save time during the alpha.

EDIT: I mean for js, not for other things, so theres no misunderstanding with my post.

 

[Kier]

My preliminary experiments with doing this have been unsuccessful to date, due to TinyMCE requirements.

 

[Mike]

Actually, the TinyMCE init code has recently changed, so it we may be able to revisit it.

 

[Princeton]

Actually, the TinyMCE init code has recently changed, so it we may be able to revisit it.

this is good news - a millisecond/second here and there all adds up to a FASTER xenforo

 

[David Thomas]

this is good news - a millisecond/second here and there all adds up to a FASTER xenforo

Especially once you start getting tons of traffic/views, then those seconds can REALLY add up!

 

[ankurs]

Actually, the TinyMCE init code has recently changed, so it we may be able to revisit it.

mike, any update on this ?

or do it partially by keeping timymce js in header and move rest .js to footer

 

[AlexandrosD]

I can only ask for a seperate template for each javascript, css file

 

[ankurs]

Is this still being worked on ?