日期:2014-05-17  浏览次数:20778 次

js和css放置位置

???? 在开发网页时,尽量将css放置在页面的header里,js不管是外部引入的或嵌入的js片段都应放在页面的尾部。

因为页面在加载时,css加载是可以并发请求 的(同页面中的图片,ie6除外),而js加载时需要等待一个js文件加载完成后才加载其他资源,为了页面的快速呈现,放置在尾部效果较好。

???? 同时由于嵌入的js片段会阻塞整个页面 的呈现(外部引入js文件阻塞其他资源下载,也会阻塞该js引入位置以下的页面的内容 呈现,所以要放置页面的最下面),需要利用工具来调用,如yui的

YAHOO.util.Event.onDOMReady(function() {...}); 方法,这样至少可以保证页面的框架出来后才执行需要的js方法。

?