Herunterladen von jQuery UI CSS von Googles CDN

Ich plane, Google zum Herunterladen der jQuery-Bibliothek für UI und Core zu verwenden. Meine Frage ist, erlauben sie mir, das CSS dafür herunterzuladen, oder sollte ich es selbst hosten müssen?

Auch wenn ich Google zum Laden verwende, wie soll ich andere Plugins laden? Kann ich alle Plugins zusammen komprimieren oder sollte es eine eigene separate Datei sein?

Die Google AJAX Libraries-API, die die jQuery-Benutzeroberfläche (derzeit v1.10.3) enthält, enthält auch beliebte Themen gemäß dem Blog der jQuery-Benutzeroberfläche :

Google Ajax Libraries API (CDN)

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

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

• Themen unkomprimiert: black-tie , Blitzer , Cupertino , dunkel-Nest , dot-luv , Aubergine , excite-Bike , Flick , Hot-Petze , die Menschheit , le-Frosch , Minze-choc , bedeckt , Pfeffermühle , redmond , Glätte , South -Street , Start , sonnig , mondän , trontastisch , ui-Dunkelheit ,UI-Leichtigkeit und Vader .

• Themen Komprimieren: black-tie , Blitzer , Cupertino , dunkel-Nest , dot-luv , Aubergine , excite-Bike , Flick , Hot-Petze , die Menschheit , le-Frosch , Minze-choc , bedeckt , Pfeffermühle , redmond , Glätte , South -Street , Start , sonnig , mondän , trontastisch , ui-Dunkelheit ,UI-Leichtigkeit und Vader .

jQuery hat jetzt einen CDN-Zugriff:

code.jquery.com/ui/ [version] / theme / [Themenname] /jquery-ui.css

Und um dies ein wenig einfacher zu machen, los geht's:

• Basis: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• schwarze Krawatte: 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
• Auberginen: 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
• Menschlichkeit: 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
• bewölkt: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• Pfeffermühle: 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
• Glätte: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• Südstraße : 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
• sonnig: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• mondäne Geldbörse: 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-Dunkelheit: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• UI-Leichtigkeit: 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 hostet jQueryUI-CSS unter diesem Link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Wenn Sie sich diesen Code direkt ansehen, wird das CSS mit @import importiert, was langsam sein kann . Möglicherweise möchten Sie den Import in seine Teile zerlegen, um einen leichten Leistungsvorteil zu erzielen:

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

Ich würde es mir denken. Warum nicht? Wäre kein CDN ohne CSS zur Unterstützung der Skriptdateien

Dieser Link legt nahe, dass sie:

Besonders aufregend finden wir, dass die CSS-Themen der jQuery-Benutzeroberfläche jetzt auf dem CDN Ajax Libraries von Google gehostet werden.

Sie können diese verwenden, wenn Sie die jQuery-Benutzeroberfläche css meinen:

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

Wie Obama sagt "Ja, wir können". Hier ist der Link dazu. developer.google.com/#jquery

Sie müssen verwenden

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

Hier finden Sie Themennamen http://jqueryui.com/themeroller/ in der Unterregisterkarte Galerie

.

Aber ich würde Ihnen aus den folgenden Gründen nicht empfehlen , von cdn zu hosten

1. Obwohl Ihre Chance auf Trefferquote bei Google CDN im Vergleich zu anderen gut ist, ist sie immer noch miserabel niedrig (jede CDN nicht nur Google).
2. Beim Laden über cdn haben Sie 3 Anfragen, eine für jQuery.js, eine für jQueryUI.js und eine für Ihren Code. Sie können es auf Ihrem lokalen Computer komprimieren und als eine einzige Ressource laden.

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