Téléchargement de jQuery UI CSS depuis le CDN de Google

Je prévois d'utiliser Google pour télécharger la bibliothèque jQuery pour l'interface utilisateur et le noyau. Ma question est, me permettent-ils de télécharger le CSS pour cela ou dois-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 Google AJAX Libraries, qui comprend l'interface utilisateur jQuery (actuellement la version 1.0.3), comprend également des thèmes populaires selon le 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

• Comprimé: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• Thèmes non compressés: cravate noire , blitzer , cupertino , ruche sombre , dot-luv , aubergine , excite-bike , film , hot-sneaks , humanité , le-frog , menthe-choc , ciel couvert , moulin à poivre , redmond , douceur , au sud-rue , commencer , ensoleillé , très chic porte-monnaie , trontastic , ui-obscurité ,ui-légèreté et vador .

• Thèmes compressés: cravate noire , blitzer , cupertino , ruche noire , dot-luv , aubergine , excite-bike , film , hot-sneaks , humanité , le-frog , menthe-choc , ciel couvert , poivre-moulin , redmond , douceur , au sud-rue , commencer , ensoleillé , très chic porte-monnaie , trontastic , ui-obscurité ,ui-légèreté et vador .

jQuery dispose désormais d'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, c'est parti:

• 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
• 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
• 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
• douceur: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• rue sud: 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
• ensoleillé: 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-obscurité: 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 à 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 qui peut être lent . Vous souhaiterez peut-être factoriser l'importation dans ses parties pour obtenir un léger avantage en termes de performances:

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 que oui. Pourquoi pas? Ce ne serait pas beaucoup d'un CDN sans offrir le CSS pour prendre en charge les fichiers de script

Ce lien suggère qu'ils sont:

Nous trouvons particulièrement excitant que les thèmes CSS jQuery UI soient maintenant hébergés sur le CDN des bibliothèques Ajax de Google.

Vous pouvez utiliser celui-ci si vous voulez dire le CSS jQuery UI:

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

Comme le dit Obama "Oui, nous le pouvons". En voici le lien. developers.google.com/#jquery

Vous devez utiliser

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

Trouvez les noms des thèmes ici http://jqueryui.com/themeroller/ dans le sous-onglet de la galerie

.

Mais je ne vous recommanderais pas d'héberger à partir de cdn pour les raisons suivantes

1. Bien que vos chances de succès soient bonnes dans le cas de Google CDN par rapport aux autres, mais elles sont toujours extrêmement faibles (n'importe quel cdn pas seulement google).
2. En chargeant via cdn, vous aurez 3 demandes: une pour jQuery.js, une pour jQueryUI.js et une pour votre code. Vous pouvez aussi le compresser sur votre local et le charger en une seule ressource.

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