控制css文件的加载顺序

Question

我在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

这是我想要的顺序，因为我覆盖了一些主题样式。

但实际上，jQuery css在main.css之后加载，因为两个传输是分叉的：

如何确保我的main.css在jQuery主题css之后加载？

由于

Answer 1

在HTML文件中指定的顺序是唯一可以计入最终结果的顺序。

无论哪种方式：从其他地方加载你的jQuery UI CSS，我认为code.jquery.com不应该被用作CDN。

这应该大大降低加载时​​间。 2秒对于可怜的样式表来说太过分了。

Answer 2

如果您在.min之前追加.css，您将获得缩小版本，也可以使用缩小版本。

检查出来..

http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.min.css

@pekka我认为code.jquery可以在jQuery网站上用作CDN，它在页脚中显示CDN: //code.jquery....

Answer 3

对不起。加载jquery css并不需要2s。我正在读错时间线。这是正确的图像：

jquery-ui.css只有7.5KB，因此完整版和最小版之间没有任何区别。一直在连接和等待。

当我完成750KB index.php代码的开发时，我会缩小并gzip它以缩短它的时间。

感谢您的帮助。