WEB开发编码原则：优化Javascript文件,并将其放到页面底部

在这篇博文中指出：

 一、整个页面文档家在结束才开始加载css和js以及其余的数据

 二、当顶部的全部js都家在结束以后才能够加载页面中的图片

 三、顶部的common.css和common.js几乎是同时开始加载

 四、底部的loader-min.js和离他最近的footer.jpg也是同时开始加载

 

从这里面能够得出的结论是

一、尽可能减小整个document的大小和顶部css的大小，加快他们的加载，甚至在整个页面比较小的状况下能够将css放在底部。

二、javascript放在底部，这样就能够和图片几乎同时下载，让图片尽快的下载下来

---

回复感受也颇有道理：

22 楼 fighter_Jon 2010-11-01  

优化应该是个权衡的过程 
js放在底部是防止js对以后资源形成阻塞 
可是若是是web app应用部分js也须要放在head部分 保证页面功能完整 而不是页面先行 

13 楼 smildlzj 2010-10-30  

PS... 
LZ知识没学好.. 
每个读取js,css,图片什么都是一个http链接,关长链接啥事... 

CSS尽可能放头部, 
js尽可能放最后(不过通常仍是会放头部) 
css,图片会并行下载

10 楼 Saito 2010-10-29  

嗯.hoooooooooopo说的没错. 

http1.1规范里面建议每一个domain两个链接并行下载.因此能够把图片什么的分域名. 

脚本会阻塞的缘由是: 浏览器不知道脚本会不会修改DOM. 好比脚本里面可能会call document.write. 

 

根据yahoo YUI团队总结的网站前端优化14条原则，是将脚本放在底部，将样式表放在顶部。 

缘由： 
浏览器在下载js的时候不能并行下载，会阻塞其余资源的下载，这样致使总体响应时间变长

2 楼 zhxing 2010-10-28  

据我所知，这个是因为解析hmtl的解析器有关。。把js （不关键服务）放在底部--由于解析html 是顺序解析的，能够放到最后解析把css 放在最头部--由于css早点加载有利于页面的展现，css后加载，页面排版不全都乱了。