Herunterladen von CSS für die jQuery-Benutzeroberfläche von Googles CDN
Ich plane, Google zu verwenden, um die jQuery-Bibliothek sowohl für die Benutzeroberfläche als auch für Core herunterzuladen. Meine Frage ist, ob ich das CSS dafür herunterladen darf oder ob ich es selbst hosten muss.
Auch wenn ich Google zum Laden benutze, 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 wie im jQuery-Benutzeroberflächen-Blog :
Google Ajax Libraries API (CDN)
Nicht komprimiert: 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
Unkomprimierte Themen: schwarze Krawatte , blitzer , cupertino , dunkler Bienenstock , Punkt-luv , Aubergine , Excite-Bike , Flick , Hot-Sneaks , Menschlichkeit , Frosch , Minze , bedeckt , Pfeffermühle , Redmond) , Glätte , Südstraße , Start , sonnig , schicke Geldbörse , trontastisch , i-Dunkelheit , i-Hellheit und Vader .
Komprimierte Themen: schwarze Krawatte , blitzer , cupertino , dunkler Bienenstock , Punkt-luv , Aubergine , Excite-Bike , Flick , Hot-Sneaks , Menschlichkeit , Frosch , Minze , bedeckt , Pfeffermühle , Redmond) , Glätte , Südstraße , Start , sonnig , schicke Geldbörse , trontastisch , i-Dunkelheit , i-Helligkeit und Vader .
jQuery hat jetzt einen CDN-Zugang:
code.jquery.com/ui/[version]/themes/[theme name] /jquery-ui.css
Und um das ein bisschen einfacher zu machen, hier geht's:
- base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
- black-tie: 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
- 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
- bedeckt: 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
- smoothness: 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
- 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
- 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-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 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, importiert er das CSS mit @import 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.csshttps://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 es sich um Folgendes handelt:
Wir finden es besonders spannend, dass die jQuery-UI-CSS-Themen jetzt auf Googles Ajax Libraries CDN gehostet werden.
Sie könnten dieses verwenden, wenn Sie das jQuery-UI-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. developers.google.com/#jquery
Sie müssen verwenden
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
Themennamen finden Sie hier http://jqueryui.com/themeroller/ in der Galerie-Unterregisterkarte
.
Aber ich würde nicht empfehlen Sie Hosting von CDN aus den folgenden Gründen
- Zwar ist Ihre Trefferquote im Fall von Google CDN im Vergleich zu anderen gut, aber immer noch miserabel niedrig (jede CDN, nicht nur Google).
- 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 auch lokal komprimieren und als eine einzige Ressource laden.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns