what is the proper way of putting css and js files in head tag?

Question

I want to know the proper way of putting css and js files in head tag in any webpage having a more than 5 to 6 css files and js files respectively.

Css in the header, and js in the final part of the web . Why? because javascript is slow and you'll hate to wait when a page is loading ( blank ) — Enrique Quero, Dec 16 '15 at 12:29
@EnriqueQuero, _javascript is slow_ ? Please correct it bro! — Rayon, Dec 16 '15 at 12:30
Please do a little research before asking a question. Simple google search will do — T J, Dec 16 '15 at 12:32

score 3 · Answer 1 · answered Dec 16 '15 at 12:35

3

1) If you have more than 5 or 6 *.css / *.js files, please consider merging and minfying them into one *.js / *.css file via Grunt / Gulp.

2) CSS files. Put them in your header.

3) JS files. Put them right before closing "body" tag.

answered Dec 16 '15 at 12:35

sometimes when i used any slider or any jquery.I linked to all file .js and .css file..but still this slider is not work because of .js files vertical alignment with the according to webpage code work. got it?? – Sagar Kodte Dec 16 '15 at 12:40

score 0 · Answer 2 · answered Dec 16 '15 at 12:55

0

Just place your external JS and CSS file under your head tag. like:

<head>
<link href="../intel/styles.css" rel="stylesheet" type="text/css">
<script language="JavaScript" src="../script/Script.js"> </script>
</head>

answered Dec 16 '15 at 12:55

shishir

2 Answers2