从Google的CDN下载jQuery UI CSS

我打算使用Google下载UI和Core的jQuery库。我的问题是，他们允许我为此下载CSS还是应该自己托管它？

另外，如果我使用Google加载，应该如何加载其他插件？我可以将所有插件压缩在一起吗，还是应该将其单独压缩？

Google AJAX Libraries API（包括jQuery UI（当前为v1.10.3））还根据jQuery UI博客包括了流行的主题：

Google Ajax库API（CDN）

• 未压缩： http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

• 压缩后： http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• 不受压缩的主题： 黑色领带，西服，库比蒂诺，暗黑蜂巢，点爱，茄子，兴奋自行车，轻弹，热偷偷摸摸，人性，le-frog，薄荷choc，阴天，胡椒研磨机，redmond，光滑度，南街，开始，阳光明媚，时髦，突如其来，ui黑暗，ui-lightness和vader。

• 压缩主题： 黑领结，小圆面包，库比蒂诺，暗蜂巢，点爱，茄子，兴奋自行车，轻弹，热偷偷摸摸，人性化，蛙跳，薄荷choc，阴天，胡椒研磨机，雷德蒙德，光滑度，南大街，开始，晴天，时髦的钱包，惊人的，ui黑暗，ui亮度和vader。

jQuery现在具有CDN访问权限：

code.jquery.com/ui/ [版本] / themes / [主题名称] /jquery-ui.css

为了使这更容易一点，在这里，您可以：

• 基本：http：//code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• 黑色领带：http : //code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
• blitzer：http ://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
• cupertino：http：//code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
• 暗蜂巢：http : //code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
• 点-luv：http：//code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
• 茄子：http : //code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
• 刺激自行车：http：//code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
• 轻弹： http //code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
• 热偷偷摸摸的：http : //code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• 人类：http：//code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
• le-frog：http : //code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
• mint-choc：http : //code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
• 阴：http：//code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• Pepper-grinder：http：//code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• 雷德蒙德：http : //code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
• 平滑度：http : //code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• 南街：http : //code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• 开始：http：//code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• 晴天：http：//code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• 时髦的钱包：http : //code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastic：http：//code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
• ui-darkness：http : //code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• ui-lightness：http : //code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
• vader：http : //code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Google通过此链接托管jQueryUI CSS https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

如果直接看这段代码，它将使用@import导入css ，这可能会很慢。您可能需要将导入因素分解成一些部分，以获得轻微的性能优势：

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base /jquery.ui.theme.css

我会这样认为。为什么不？没有提供CD来支持脚本文件的CDN不会太多

该链接表明它们是：

我们感到特别令人兴奋的是，jQuery UI CSS主题现在托管在Google的Ajax Libraries CDN中。

如果您是指jQuery UI CSS，则可以使用此代码：

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

正如奥巴马所说的“是的”。这是它的链接。developers.google.com/#jquery

您需要使用

谷歌

ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

jQuery CDN

code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js
code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

微软

ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

在图库子标签中的http://jqueryui.com/themeroller/中查找主题名称

。

但由于以下原因，我不建议您从CDN托管

1. 尽管与其他CDN相比，使用Google CDN的命中率很高，但仍然非常低。（任何CDN不仅限于Google）。
2. 通过CDN加载，您将有3个请求，一个针对jQuery.js，一个针对jQueryUI.js，一个针对您的代码。您可能会在本地压缩它，并将其作为一个资源加载。

http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns