Javascript 控制css文件的加载顺序

在jquery ui css加载后，我正在加载main.css文件：

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />  <-- jQuery CSS
<link rel="stylesheet" type="text/css" href="CSS/jquery.Jcrop.css" />  <!-- not used here -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="CSS/main.css" />   <-- my main.css

---

在HTML文件中指定它们的顺序是最终结果唯一重要的因素

无论哪种方式：从别处加载jQuery UI CSS，我不认为
code.jQuery.com
应该用作CDN

这将大大缩短加载时间。2秒对于一个微不足道的样式表来说太多了。
如果在
.css
之前添加
.min
，也可以使用精简版

去看看


@pekka我认为code.jquery可以用作jquery网站页脚中的CDN，上面写着
CDN://code.jquery….
对不起。加载jquery css并不需要2秒。我把时间线看错了。以下是正确的图像：


jquery-ui.css只有7.5KB，因此完整版本和最小版本之间实际上没有区别。所有的时间都在连接和等待中

当我完成750KB index.php代码的开发后，我将缩小并压缩它以缩短时间

感谢您的帮助。
重要的是它们在HTML文件中指定的顺序。无论何时加载，浏览器都将按照您指定的顺序处理它们。唯一的例外是其中一个加载失败。@Pekka웃 是正确的-该图表是一个直观的辅助工具，用于显示您是否有占用总页面加载时间的资源，而不是顺序。CSS包括，事实上所有html元素，将按照它们在页面上遇到的顺序加载。但是如果加载确实需要2秒钟，它似乎不值得使用。（虽然我真的很惊讶看到jQuery的官方来源如此灾难性的加载时间）同意，但是我的缩小版需要10毫秒，不过我使用的是非常快速的专用光纤！是的，你完全正确。jquery css的优先级越来越高，因为它的规则是.ui dialog.ui dialog titlebar{cursor:move；}，而我的主要规则是.ui dialog titlebar{cursor:default；}，显然，抛出另一个类会使整个规则具有更高的特异性。感谢您对jQueryCSS加载的介绍。你能推荐一个适合你的CDN吗？我想谷歌是一个不错的选择：尽管AJC在下面指出code.jquery.com应该也可以。不知道为什么你要花那么长时间。