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


452

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é?

Réponses:


574

2
Notez que ces scripts CSS ne sont pas actuellement compressés / minimisés, ce qui signifie que vous pouvez proposer des versions de taille réduite (d'environ 26% selon le plugin PageSpeed ​​de Google pour Firefox) à partir de votre propre domaine, ce qui pourrait être plus rapide pour vos utilisateurs si votre connexion est décente. et ils n'ont pas déjà le fichier mis en cache localement.
Drew Noakes du

120
chaque fois que je veux trouver ce CDN, je tape "jquery ui css google cdn" et ce message est le moyen le plus direct de les lister tous .. Je veux juste vous remercier +1
mazlix

1
@Drew: Ou il pourrait aussi utiliser Reducisaurus. :)
Alix Axel

1
@Alix, merci pour le lien . Ressemble à un service utile.
Drew Noakes

1
Vous pouvez également COUPER les numéros de version mineurs de l'URL pour récupérer automatiquement le dernier CSS / JS, toujours. Laissez simplement le numéro de version principal en place. Exemple: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG

61

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:


4
Il prend en charge https maintenant (au moins depuis le temps de ce post)
Ivan Akcheurov

Comment utiliser les images associées à ce CDN, il manque localement et je ne souhaite pas les télécharger. Existe-t-il un moyen d'utiliser celui stocké dans le CDN?
Baptiste Pernet

@BaptistePernet: Le CDN fournit également toutes les images associées, et comme les urlinstructions sont toutes relatives à l' cssemplacement du fichier, le client récupérera automatiquement les images du CDN
MestreLion

29

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


5

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.


J'ai essayé d'ajouter le charger en utilisant l'instruction de chargement google ... ne chargerait pas le css .... vérifié.
coool

6
voici un exemple d'URL qui semble fonctionner: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…
Scott Evernden

5

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" />

5

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


L'article que vous avez lié date de 2010. La plupart des données qu'il a mentionnées sont obsolètes. Le taux de succès est bien meilleur maintenant, beaucoup plus de sites Web utilisent Google CDN maintenant qu'en 2010.
Trader

Voici les statistiques mises à jour: blog.cloudharmony.com/2015/02/… La majorité des sites Web semblent utiliser les CDN maintenant. Plus de données: w3techs.com/technologies/details/cd-jquerycdn/all/all
Trader
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.