Pobieranie jQuery UI CSS z CDN Google

Planuję używać Google do pobierania biblioteki jQuery dla interfejsu użytkownika i rdzenia. Moje pytanie brzmi: czy pozwalają mi pobrać CSS, czy powinienem sam go hostować?

Również jeśli używam Google do ładowania, jak mam ładować inne wtyczki? Czy mogę skompresować wszystkie wtyczki razem, czy powinien to być osobny plik?

Interfejs API bibliotek Google AJAX, który obejmuje interfejs użytkownika jQuery (obecnie v1.10.3), zawiera również popularne motywy na blogu interfejsu użytkownika jQuery :

Google Ajax Libraries API (CDN)

• Nieskompresowane: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

• Sprężony: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• Motywy Nieskompresowane: black-tie , Blitzer , Cupertino , ciemno-ula , DOT-Luv , bakłażana , Excite-bike , flick , hot-zakrada , ludzkość , le-żaby , miętowy-choc , pochmurny , pieprz szlifierka , Redmond , gładkość , ulica południowa , początek , słoneczny , swanky-torebka , trontastyczny , ui-ciemność ,lekkość ui i vader .

• Motywy Sprężone: black-tie , Blitzer , Cupertino , ciemno-ula , DOT-Luv , bakłażan , Excite-bike , Flick , hot-zakrada , ludzkość , le-żaba , mięta-choc , pochmurny , pieprz szlifierka , Redmond , gładkość , ulica południowa , początek , słoneczny , swanky-torebka , trontastyczny , ui-ciemność ,lekkość ui i vader .

jQuery ma teraz dostęp do CDN:

code.jquery.com/ui/ [wersja] / themes / [nazwa motywu] /jquery-ui.css

Aby było to trochę łatwiejsze, proszę:

• baza: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• czarny krawat: 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
• dark-hive: 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
• bakłażan: 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
• Hot-Sneaks: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• ludzkość: 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
• overcast: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• młynek do pieprzu: 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
• gładkość: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• south-street: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• start: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• słoneczny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• swanky-purse: 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 udostępnia jQueryUI css pod tym linkiem https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Jeśli spojrzysz na ten kod bezpośrednio, importuje on css za pomocą @import, co może być powolne . Możesz uwzględnić import na jego części, aby uzyskać niewielką poprawę wydajności:

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

Tak myślałbym. Dlaczego nie? Nie byłoby dużo CDN bez oferowania CSS do obsługi plików skryptów

Ten link sugeruje, że są to:

Uważamy za szczególnie ekscytujące, że motywy jQuery UI CSS są teraz hostowane na CDN bibliotek Ajax Google.

Możesz użyć tego, jeśli masz na myśli css jQuery UI:

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

Jak mówi Obama „Tak, możemy”. Oto link do tego. developers.google.com/#jquery

Musisz użyć

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

Znajdź nazwy motywów tutaj http://jqueryui.com/themeroller/ w podkategorii galerii

.

Ale nie polecam hostingu z CDN z następujących powodów

1. Chociaż Twoja szansa na trafienie jest dobra w przypadku Google CDN w porównaniu do innych, ale wciąż jest niesamowicie niska. (Każdy CDN nie tylko Google).
2. Wczytując za pomocą cdn, będziesz mieć 3 żądania dla jQuery.js, jedno dla jQueryUI.js i jedno dla twojego kodu. Możesz, jak skompresujesz go na swoim lokalnym i załadować jako jeden zasób.

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