should Modernizr file be placed in head?

javascript modernizr html-head
amateur picture amateur · Jun 8, 2011 · Viewed 31.8k times · Source

Should the reference to the Modernizr JavaScript file be in the head of the page? I always try and place all scripts on the bottom of the page and would like to preserve this. And if it needs to be in the head, why?

Answer

Wesley Murch picture Wesley Murch · Jun 8, 2011

If you want Modernizr to download and execute as soon as possible to prevent a FOUC, put it in the <head>

From their installation guide:

Drop the script tags in the <head> of your HTML. For best performance, you should have them follow after your stylesheet references. The reason we recommend placing Modernizr in the head is two-fold: the HTML5 Shiv (that enables HTML5 elements in IE) must execute before the <body>, and if you’re using any of the CSS classes that Modernizr adds, you’ll want to prevent a FOUC.

Related questions

What is the purpose of the HTML "no-js" class?

I notice that in a lot of template engines, in the HTML5 Boilerplate, in various frameworks and in plain php sites there is the no-js class added onto the <HTML> tag. Why is this done? Is there some …

Read More
WebSocket connection to 'ws://./' failed: Error in connection establishment: net::ERR_NAME_NOT_RESOLVED

I dont have any knowledge in websockets, i am using a admin template from here https://github.com/onokumus/Bootstrap-Admin-Template i don't know did i do something wrong or how it is giving this problem but i am getting this …

Read More
How to get html element's class tags

I'm using a custom modernizer config which has selected the features I employ in my page (and only those features). So, I'd like to simply grab the className of the <html> of the page so I can check …

Read More