网页head标签中的JS和CSS的放置顺序

顺序普通是：

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