Google 的 CDN 上是不是有 jQuery UI CSS 主题的缩小/压缩版本？

Posted 2023-03-03

【中文标题】Google 的 CDN 上是不是有 jQuery UI CSS 主题的缩小/压缩版本？

【英文标题】：Are there a minified/compressed versions of the jQuery UI CSS themes on Google's CDN?Google 的 CDN 上是否有 jQuery UI CSS 主题的缩小/压缩版本？

【发布时间】：2011-05-05 22:48:15

【问题描述】：

我知道 Google 在以下位置有 jQuery UI 的 CSS 文件：

//ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/pepper-grinder/jquery-ui.css

但我想知道他们是否提供缩小版或压缩版？

我尝试了一些类似于js文件命名方式的组合，但都导致404。

有什么想法吗？

【问题讨论】：

它能达到什么目的？一旦文件被拉到客户端一次，它应该会在很长一段时间内访问客户端的缓存。理想情况下，您的网站不会是必须进行初始拉动的网站。

是的，理想情况下，但是因为 CSS 是针对每个主题的，所以机会非常高。拥有较小版本的文件将节省初始加载时间。缩小版约小 8K。对于宽带来说不是很大，但对于拨号或移动来说，这可能是一秒或两秒。

也认为 CSS 不能像 javascript 那样打包，服务器 gzipping 可以对 CSS 文件产生几乎相同的效果

【参考方案1】：

不，在我看来不是，但我建议你在the dedicated group 上问这个问题

无论如何，提供的版本似乎已经很好地优化了......

【参考方案2】：

他们没有缩小版。微软 CDN 也没有。 你真的不需要压缩它。如果你真的想加载得更快，你需要包含一个构建在 jquery UI 页面上的自定义包来只包含你需要的功能。

【参考方案3】：

Google 现在有了 JQuery 的最小化版本：

https://developers.google.com/speed/libraries/devguide#jquery-ui

从 440k 下降到 223k

【参考方案4】：

Google 的 CDN 网站显示 js 的缩小版但 css 的未缩小版：https://developers.google.com/speed/libraries/devguide#jqueryui

jQuery UI
    snippet: <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script> 
    site: jqueryui.com 
    versions: 1.11.3, 1.11.2, 1.11.1, 1.11.0, 1.10.4, 1.10.3, 1.10.2, 1.10.1, 1.10.0, 1.9.2, 1.9.1, 1.9.0, 1.8.24, 1.8.23, 1.8.22, 1.8.21, 1.8.20, 1.8.19, 1.8.18, 1.8.17, 1.8.16, 1.8.15, 1.8.14, 1.8.13, 1.8.12, 1.8.11, 1.8.10, 1.8.9, 1.8.8, 1.8.7, 1.8.6, 1.8.5, 1.8.4, 1.8.2, 1.8.1, 1.8.0, 1.7.3, 1.7.2, 1.7.1, 1.7.0, 1.6.0, 1.5.3, 1.5.2 
    note: This library depends on jQuery. You must also load jQuery before loading this module. Version 1.8.3 is not hosted due to its short life, and the alias 1.8.3 actually loads 1.8.4. 

对于缩小的 css，请使用：https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.min.css

【参考方案5】：

不，我认为 Google 只提供官方下载网站提供的文件，没有任何后处理，而且由于提供的 CSS 文件看起来像这样，因此没有“压缩”版本。

实际上我不认为你应该从 Google 的 CDN 加载 jQuery UI 及其关联的 CSS 文件，因为 jQuery UI 是模块化的，而从 Google 的 CDN 加载文件将加载 所有 模块，这意味着您将加载一堆不必要的脚本和样式。使用 jQuery UI 下载页面中的自定义包构建器来仅包含您需要的模块，这应该比压缩通过 Google 的 CDN 提供的已经高度压缩的 CSS 文件更能减少文件大小。