Téléchargement de CSS jQuery UI à partir du CDN de Google
Je prévois d’utiliser Google pour télécharger la librairie jQuery pour l’UI et le Core. Ma question est la suivante: me permettent-ils de télécharger le fichier CSS pour ce logiciel ou devrais-je 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 s'agir de son propre fichier séparé?
L'API de bibliothèques de Google AJAX, qui inclut l'interface utilisateur jQuery (actuellement v1.10.3), inclut également des thèmes populaires conformément au blog de l'interface utilisateur jQuery :
API Google Ajax Libraries (CDN)
Non compressé: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
Compressé: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
Thèmes non compressés: black-tie , blitzer , cupertino , dark-Hive , dot-luv , aubergine , excite-bike , film , hot-sneaks , humanité , le-grenouille , menthe-choc , couvert , moulin à poivre , redmond , finesse , rue sud , début , ensoleillé , porte-monnaie chic , trontastic , i-darkness , i-lightness , et vader .
Thèmes compressés: black-tie , blitzer , cupertino , dark-Hive , dot-luv , aubergine , excite-bike , film , hot-sneaks , humanité , le-grenouille , menthe-choc , couvert , moulin à poivre , redmond , finesse , rue sud , début , ensoleillé , porte-monnaie chic , trontastic , i-darkness , i-lightness , et vader .
jQuery a maintenant un accès CDN:
code.jquery.com/ui/[version]/themes/[theme name] /jquery-ui.css
Et pour que cela soit 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
- 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
- aubergine: 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
- 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
- mint-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
- moulin à poivre: 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
- finesse: 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
- démarrer: 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
- 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 héberge jQueryUI css via ce lien https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css
Si vous regardez directement ce code, il importe le css en utilisant @import ce qui peut être lent . Vous voudrez peut-être intégrer l’importation à ses composants pour obtenir un léger avantage en termes de performances:
https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.csshttps://ajax.googleapis.com/ ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css
Je pense que oui. Pourquoi pas? Ne serait pas vraiment un CDN sans offrir le CSS pour supporter les fichiers de script
Ce lien suggère qu'ils sont:
Nous trouvons particulièrement intéressant que les thèmes CSS de jQuery UI soient désormais hébergés sur le CDN Ajax Libraries de Google.
Vous pouvez utiliser celui-ci si vous voulez parler du css de jQuery UI:
<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 cela. 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
Trouvez les noms de thèmes ici http://jqueryui.com/themeroller/ dans la galerie subtab
.
Mais je ne recommanderais pas votre hébergement à partir de CDN pour les raisons suivantes
- Bien que vos chances de taux de réussite soient bonnes dans le cas de Google CDN par rapport à d’autres, elles restent néanmoins extrêmement faibles.
- En chargeant via cdn, vous aurez 3 demandes, une pour jQuery.js, une pour jQueryUI.js et une pour votre code. Vous pourriez également le compresser sur votre réseau local et le charger en tant que ressource unique.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns