Скачивание jQuery интерфейса CSS из Гугла в CDN
Я планирую использовать Google для загрузки jQuery lib для пользовательского интерфейса и ядра. Мой вопрос в том, позволяют ли они мне загрузить CSS для него или я должен сам разместить его?
также, если я использую Google для загрузки, как я должен загружать другие плагины? Могу ли я сжать все плагины вместе или это должен быть отдельный файл?
6 ответов
API библиотек Google AJAX, который включает jQuery UI (в настоящее время v1.10.3), также включает в себя популярные темы в соответствии с jQuery UI blog:
Google Ajax библиотеки API (CDN)
несжатый: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js
сжатый: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
Темы Несжатого: черный галстук, Блитцер, Купертино, темно-куст, точка-Лув, баклажаны, excite-велосипед, фильм, горячий-фискалов, человечество, le-frog, мята-Чок, более,перца-кофемолка, Редмонд, плавность, юго-улица, старт, солнечное, шикарный кошелек, trontastic, ui-темнота, ui-lightness и Вейдер.
Темы Сжатого: черный галстук, Блитцер, Купертино, темно-куст, точка-Лув, баклажаны, excite-велосипед, фильм, горячий-фискалов, человечество, le-frog, mint-choc, более,перца-кофемолка, Редмонд, плавность, юго-улица, старт, солнечное, шикарный кошелек, trontastic, ui-темнота, ui-lightness и Вейдер.
jQuery теперь имеет доступ к CDN:
code.jquery.com/ui/[версия] / темы/[название темы] / jquery-ui.в CSS
и чтобы сделать это немного проще, вот вы идете:
- база:http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
- черный галстук: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
- Купертино:http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
- темный улей:http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
- точка-любовь:http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
- баклажан: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
- excite-велосипед:http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
- Флик: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
- человечество: http://code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
- Ле-лягушка: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
- пасмурно:http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
- перца-кофемолка: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
- Редмонд:http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
- гладкость:http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
- Южная-улица:http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
- старт: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
- солнечный:http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
- шикарный кошелек: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-темнота: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
- ui-легковесность:http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
- Вейдер:http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css
Google размещает jQueryUI css по этой ссылке https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css
Если вы посмотрите на этот код напрямую, он импортирует css с помощью @import который может быть медленным. Возможно, вы захотите учесть импорт в его частях, чтобы получить небольшую производительность выгода:
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
Я бы так и подумал. Почему бы и нет? Не было бы много CDN без предложения CSS для поддержки файлов сценариев
этой ссылке предполагает, что они:
мы находим это особенно захватывающим, что темы CSS jQuery UI теперь размещено на библиотеках Ajax CDN Google.
вы можете использовать этот, если вы имеете в виду jQuery UI css:
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
как Обама говорит: "Да мы можем". Вот ссылка на него. developers.google.com/#jquery
вам нужно использовать
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
найти названия темы здесь http://jqueryui.com/themeroller/ в подтаблице галерея
.
но я бы не советую вы хостинг от cdn по следующим причинам
- хотя ваш шанс на скорость попадания хорош в случае Google CDN по сравнению с другими, но он по-прежнему очень низок.(любой cdn не только google).
- загрузка через cdn у вас будет 3 запроса один для jQuery.js, один для jQueryUI.JS и один для вашего кода. Вы можете сжать его на своем локальном компьютере и загрузить его как один ресурс.
http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns