The Official vBulletin Modifications Site.

Danny.VBT · #2 26 Oct 2007, 17:59

Great article, Joe. And research has shown that response time is a critical aspect on how users judge a website (amongst other factors, but response time could be the first impression that sends your user away.)

**Princeton** · #3 28 Oct 2007, 19:09

Design and structure plays a big part on success.
It's all about perception (psychological) - how the end-user "sees" your web site.

99% of the time, it's the design and structure which is at fault (for failing) - many users do not understand this.

By the time I finish this 6 part series - I will have everyone thinking differently about their choice of design and structure .. at least that's my goal.

If I can help one person - than I've done my job.

ragtek · #4 28 Oct 2007, 19:34

where is the different between

# Move JavaScript to the very bottom of document (right before the </body> tag). If not possible, move JavaScript to the <head> of document.

and js in the body?
i moved my anayltics code into the header instead of befor </body> as they wrote and since than it looks like the site is faster

**Princeton** · #5 28 Oct 2007, 20:12

a browser will download all the objects within the <head> before any objects within the <body> of a document...

a large javascript file (or multiple) will cause a delay in rendering the page (non-cached)

by placing the JavaScript files at the bottom of the page you are telling the browser to download all the objects on the page prior to downloading the JavaScript files (by placing the files at the bottom the end-user will not be affected by the delay in downloading the files)

the point here is to know the difference and to choose one or the other ..
you do not want to place JavaScript files in the middle of the <body> as it will slow the rendering of the page as the browser will have to
1)__ Stop,
2)__ Download the javascript file,
3)__ Parse/interpret javascript file,
4)__ Continue to next object

as you can imagine by placing a large javascript in the middle of the page will cause a visible delay

aeturner89 · #6 06 Nov 2007, 20:14

Originally Posted by Danny.VBT

And research has shown that response time is a critical aspect on how users judge a website (amongst other factors, but response time could be the first impression that sends your user away.)

That's very true, When I visit a forum and the design is horrible I get turned off very quickly and I click off the site after a few minutes at most.

**Zachery** · #7 06 Nov 2007, 21:17

Not using nested tables, and avoiding tables for designs would help fix alot of problems

Jelmertjee · #8 08 Nov 2007, 10:16

Maybe this is not really on topic, but why is vbulletin still using tables? div's with css would be far more efficient right? Furthermore you would have a better code - content ratio and better SEO, editing will also be easier because div's are much more simple.

**Zachery** · #9 08 Nov 2007, 17:28

Because the style was designed in 2003, and it won't be updated till 4.0.

helpmehost · #10 09 Nov 2007, 18:53

please let me know what template I should use to get exactly the same background and look like this forum

jGas · #11 05 Mar 2008, 08:24

great... these articles (and your site, allnurses) are wonderful.. i have learned a lot here!
when can we read the part 3 of How Design Affects Performance?

christian8a · #12 09 Apr 2008, 05:20

Originally Posted by Princeton

By the time I finish this 6 part series - I will have everyone thinking differently about their choice of design and structure .. at least that's my goal.

You are right brother, now I want to redesign some stuff, my site actually takes long to load and it does affect people to stay.
Thanx a lot man!

Jasem · #13 23 Apr 2008, 22:05

Excellent, Thank you very much

fourat · #14 01 May 2008, 10:51

thx
when i show my style in frontpage or microsoft expression i see the css codes like this
body
{
background: #000000;
color: #000000;
font: 11pt tahoma, arial, helvetica, verdana;
margin: 0px 1px 10px 0px;
padding: 0px;
}
a:link, body_alink
{
color: #FFFFFF;
text-decoration: none;
}
a:visited, body_avisited
{
color: #FFFFFF;
text-decoration: none;
}

but in vbulletin.org/forum
i not see the css codes !!
why ?

and how i hide it ?

**Princeton** · #15 01 May 2008, 15:21

admincp/vbulletin options / Store CSS Stylesheets as Files?
enable it and follow the directions

New To Site?	Need Help?
About vBulletin.org You will need to register to Participate Review Our Site Rules What is Board Of The Month (BOTM)? What is Modification Of The Month (MOTM)?	Mark Forums Read Do Your Research Before Hiring! Site Map Meet Our Staff

The Official vBulletin Modifications Site.

How Design Affects Performance : Progressive Rendering