Reputation: 2631
What is the difference when including <script> tag in HTML's header or body
What is the difference in behavior / performance when including tag in body or head part of html document. Also i noticed that google analytics is usually embedded at the end of body. why is that?
Upvotes: 8
Views: 4855
Answers (2)
Reputation: 26190
Most of the time you want to include scripts at the bottom of the body section. The basic reason is to ensure that the page (and consequently the DOM) has fully loaded before any javascript is executed upon it.
Additionally, since downloading scripts blocks the browser from downloading anything else at the same time, the page will appear to load faster if the page elements are loaded before the script. However, unless you are a huge website that gets lots of traffic like Yahoo or Google, you probably do not need to consider this.
Upvotes: 13
Related Questions
- <script> tag vs <script type = 'text/javascript'> tag
- Why is it good to put script tag in the end of body tag?
- What's the difference between putting script in head and body?
- What's the difference between HTML <head> and <body> tags?
- Is it ever necessary for a <script> tag to go in the <head>?
- HTMLScriptElement vs '<script>' tag
- is there a difference between putting a javascript in the head or in the body?
- Are <script>'s not in <head> ok?
- Writing script inside head tag in javascript is best option, Why?
- What are the disadvantages/problems of including scripts in the body of page rather than in the head element?