CSS文件后面的会覆盖前面的:如global.css会覆盖之前的样式表
JS文件后面的会引用前面的,如将global.js放在最开始,则会报一个找不到jQuery的错误,因此jQuery这种类库级的文件应该放到最开头。
-------------------------------------------------------
顺序一般是:
1. 个别特殊JS,比如用于调试的基础脚本(部署时未必有)、性能日志之类,必须放在尽量最前的位置。
2. 外部样式表(link[rel=stylesheet])
3. 本页样式(style)
4. 基础库,比如loader,各种shim/polyfill,jQuery之类的
注意,有些网站制作开发者从性能优化的角度倾向于加defer或者放到页面的最底部。不过不是所有的脚本都能这样做。比如html5-shim脚本必须在body之前加载。再如history api的兼容实现等都不应defer,因为你不能确保用户在页面ready之前没有back/forward动作。再如jQuery,defer是可以,但也意味着你所有依赖jQuery的功能都需要defer,考虑到这些静态文件通常都是有缓存的,所以不defer也未必不是一个可以接受的折衷。
5. 少量本页script
--------------------------------------------------------
可以看出嵌入JS会阻塞所有内容的呈现,而外部JS只会阻塞其后内容的显示,2种方式都会阻塞其后资源的下载。
--------------------------------------------------------
原文:http://www.cnblogs.com/sunrunzhi/p/5089168.html