Placement Of Javascript And Css In Aspx Page
Solution 1:
Its better if you have both of them in separate files and then include them in your aspx page. This way it will enable you to use the same CSS and Javascript on multiple pages.
But if you are looking to use the CSS and Javascript in only a single page then
You should put your css in head tag, You can put javascript between head tag or any where between html but best place to put javascript is between head tags. Its better to put js like jquery libraries file in head.
Solution 2:
Putting your CSS at the top of the page and JavaScript at the bottom of the page(before the closing body tag) is the best way when you want the CSS and Scripts in the same page.
You can have a read at this article(the stated points are explained in the middle sections)-
http://developer.yahoo.com/performance/rules.html
The reason why JavaScript should be at the bottom is that any page elements that you access in your JavaScript should be loaded first in the DOM. If you write them in the <head> section, it is likely that the JavaScript may fail to find the elements in the HTML and report errors or fail to execute.
Solution 3:
I would suggest to
- put stylesheet calls to the top of the
<HEAD>element and - scripts at bottom of the page that is after
</body>tag. (In some cases)
Becuase that will make your web pages load faster.
Note:
The second point will not always be true because in some cases you want your scripts to execute part of the content with the help of these scripts.
So YES, the wrong placement of javascript and css affect the optimization of page
Solution 4:
I would like to add one point:
Scripts should be kept at bottom of the page, e.g. after </body> tag provided page loading is not dependent upon that script.
Note: Placing scripts at the bottom of the page improves display speed, as script compilation slows down the display.
Post a Comment for "Placement Of Javascript And Css In Aspx Page"