Завантаження jQuery UI CSS з CDN Google

Я планую використовувати Google для завантаження jQuery lib як для інтерфейсу, так і для Core. Моє запитання: чи дозволяють мені завантажити CSS для нього чи я повинен сам розміщувати його?

Також якщо я використовую Google для завантаження, як мені завантажувати інші плагіни? Чи можу я стиснути всі плагіни разом чи це повинен бути власний окремий файл?

API бібліотек Google AJAX, який включає користувальницький інтерфейс jQuery (зараз v1.10.3), також включає популярні теми відповідно до блогу користувальницького інтерфейсу jQuery :

API бібліотек Google Ajax (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

• Теми стиснені: чорна краватка , Бліцер , Купертіно , темно-вулик , дот-Luv , баклажани , збуджує-велосипед , Флік , гарячі фіскали , людство , ль-жабу , м'ятний-Choc , похмура , перець-м'ясорубка , Redmond , гладкість , південно-вулиця , почати , сонячний , красунчик-гаманець , trontastic , щ-темрява ,ui-легкість і vader .

• Теми Стислі: чорна краватка , Бліцер , Купертіно , темно-вулик , дот-Luv , баклажани , збуджує велосипед , Флік , гарячі пробирається , людство , ль-жаба , м'ята-ескімо , похмура , перець-м'ясорубка , Redmond , гладкість , південно-вулиця , почати , сонячний , красунчик-гаманець , trontastic , щ-темрява ,ui-легкість і vader .

jQuery тепер має доступ до CDN:

code.jquery.com/ui/ [версія] / теми / [назва теми] /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
• блістер: 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
• dot-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
• Excite-bike: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
• flick: 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
• перець-перець: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• redmond: 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-темрява: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• ui-легкість: 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 за цим посиланням https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Якщо ви дивитесь на цей код безпосередньо, він імпортує css за допомогою @import, що може бути повільним . Ви можете скористатись імпортом у його частини, щоб отримати невелику користь від продуктивності:

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

Я б так вважав. Чому ні? Не було б великої кількості CDN без пропонування CSS для підтримки файлів скриптів

Це посилання говорить про те, що вони:

Нам особливо захоплююче те, що CSS теми jQuery тепер розміщуються на CDN Ajax Libraries Google.

Ви можете використовувати цей, якщо ви маєте на увазі css jQuery UI:

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

Як каже Обама "Так, ми можемо". Ось посилання на нього. developers.google.com/#jquery

Вам потрібно використовувати

Google

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

Microsoft

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 не просто google).
2. Завантажуючи через cdn, у вас буде 3 запити для jQuery.js, одного для jQueryUI.js та одного для вашого коду. Ви, можливо, будете стискати його на локальному і завантажувати як один єдиний ресурс.

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