Télécharger jQuery UI CSS à partir du CDN de Google
J'ai l'intention d'utiliser Google pour télécharger le jquery lib pour L'interface utilisateur et le noyau. Ma question Est, est-ce qu'ils me permettent de télécharger la CSS pour elle ou devrais-je avoir à l'héberger moi-même?
Aussi, si j'utilise Google pour charger comment dois-je charger d'autres plugins? Puis-je compresser tous les plugins ensemble ou doit-il être son propre fichier?
6 réponses
L'API bibliothèques de Google AJAX, qui inclut jQuery UI (actuellement v1.10.3), comprend également des thèmes populaires selon le jQuery UI blog :
API bibliothèques Google Ajax (CDN)
-
non comprimé: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
-
Comprimé: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
-
Thèmes Uncompressed: cravate noire , blitzer , cupertino , dark-ruche , dot-luv , aubergine , exciter-vélo , flick , à chaud se faufile , l'humanité , le-grenouille , menthe-choc , couvert , poivre-moulin , redmond , douceur , au sud de la rue , démarrer , sunny , chic-sac à main , trontastic , ui-ténèbres , ui-légèreté , et vader .
-
Thèmes Comprimés: cravate noire , blitzer , cupertino , dark-ruche , dot-luv , aubergine , exciter-vélo , flick , à chaud se faufile , l'humanité , le-grenouille , menthe-choc , couvert , poivre-moulin , redmond , douceur , au sud de la rue , démarrer , sunny , chic-sac à main , trontastic , ui-ténèbres , ui-légèreté , et vader .
jQuery a maintenant un accès CDN:
code.jquery.com/ui/ [version] /themes/ [nom du thème] /jquery-ui.css
et pour rendre cela un peu plus facile, voici:
- base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
- cravate noire: 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
- ruche sombre: 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
- aubergine: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
- exciter-vélo: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
- film: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
- à chaud se faufile: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
- humanité: 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
- menthe-choc: http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
- couvert http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
- poivre-moulin: 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
- lissage: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
- au sud de la rue: 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
- sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
- Sac À Main: 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-légèreté: 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 héberge jQueryUI css à ce lien https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css
si vous regardez ce code directement, il importe le css en utilisant @import qui peut être lent . Vous pourriez vouloir factoriser l'importation dans ses pièces pour gagner un léger avantage de performance:
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
je pense. Pourquoi pas? Ne serait pas beaucoup D'un CDN w / o offrant le CSS pour soutenir les fichiers de script
ce lien suggère qu'ils sont:
nous trouvons particulièrement excitant que les thèmes CSS de jQuery UI sont maintenant hébergé sur le CDN des bibliothèques Ajax de Google.
vous pouvez utiliser celui-ci si vous voulez dire le jQuery UI css:
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
comme Obama dit"Oui nous pouvons". Voici le lien vers elle. developers.google.com/#jquery
vous devez utiliser
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
trouver des noms de thèmes ici http://jqueryui.com/themeroller/ dans la galerie subtab
.
mais je ne recommande pas vous hébergez à partir de cdn pour les raisons suivantes
- bien que votre chance de taux de succès est bonne dans le cas de Google CDN par rapport à d'autres, mais il est encore abysmally bas.(n'importe quel cdn pas seulement google). Chargement
- via cdn vous aurez 3 requêtes une pour jQuery.js, un pour jQueryUI.js et un pour ton code. Vous pouvez aussi compresser sur votre local et de le charger comme une seule ressource.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns