Загрузка jQuery UI CSS из CDN Google

452

Я планирую использовать Google для загрузки библиотеки jQuery для пользовательского интерфейса и ядра. У меня вопрос, позволяют ли они мне загрузить CSS для этого или я должен сам разместить его?

Также, если я использую Google, чтобы загрузить, как я должен загрузить другие плагины? Могу ли я сжать все плагины вместе или это должен быть отдельный файл?

Coool
источник

Ответы:

574

API библиотек Google AJAX, который включает в себя пользовательский интерфейс jQuery (в настоящее время v1.10.3), также включает популярные темы в соответствии с блогом пользовательского интерфейса jQuery :

API библиотек Google Ajax (CDN)

клемт
источник
2
Обратите внимание, что эти CSS-сценарии в настоящее время не сжаты / свернуты, что означает, что вы могли бы предлагать версии уменьшенного размера (примерно на 26% в соответствии с плагином PageSpeed ​​для Firefox от Google) из вашего собственного домена, что может быть быстрее для ваших пользователей, если ваше соединение приличное и у них еще нет файла, кэшированного локально.
Дрю Ноакс
120
каждый раз, когда я хочу найти этот CDN, я набираю «jquery ui css google cdn», и этот пост - самый прямой способ получить список всех из них. Я просто хочу поблагодарить вас +1
mazlix
1
@Drew: Или он может использовать Reducisaurus тоже. :)
Аликс Аксель
1
@Alix, спасибо за ссылку . Похоже, полезный сервис.
Дрю Ноакс
1
Вы также можете ВЫРЕЗАТЬ второстепенные номера версий из URL, чтобы всегда автоматически получать последние версии CSS / JS. Просто оставьте основной номер версии на месте. Пример: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG
61

У jQuery теперь есть доступ к CDN:

code.jquery.com/ui/ [версия] / themes / [название темы] /jquery-ui.css


И чтобы сделать это немного проще, здесь вы идете:

Дастин Вудард
источник
4
Теперь он поддерживает https (по крайней мере, со времени публикации)
Иван Акчеуров,
Как вы можете использовать образы, связанные с этим CDN, отсутствуют локали, и я не хочу их скачивать. Есть ли способ использовать тот, который хранится в CDN?
Баптист Пернет
@BaptistePernet: CDN также предоставляет все связанные изображения, и, поскольку все urlоператоры относятся к расположению cssфайла, клиент автоматически получит изображения из CDN
MestreLion
29

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

Сообщество
источник
5

Я бы так подумал. Почему бы нет? Не было бы много CDN без предложения CSS для поддержки файлов сценария

Эта ссылка предполагает, что они:

Нам особенно интересно, что CSS-темы jQuery UI теперь размещаются на CDN Ajax Libraries от Google.

Скотт Эверден
источник
Я попытался добавить загрузку с помощью оператора загрузки Google ... не будет загружать CSS .... проверил это.
Coool
6
Вот пример URL, который, кажется, работает: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…
Скотт Эверден
5

Вы можете использовать это, если вы имеете в виду jQuery UI css:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
samueldple
источник
5

Как Обама говорит «Да, мы можем». Вот ссылка на него. developers.google.com/#jquery

Вам нужно использовать

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

Найдите названия тем здесь http://jqueryui.com/themeroller/ в галерее

,

Но я бы не рекомендовал вам хостинг от cdn по следующим причинам

  1. Хотя ваш шанс попадания является хорошим в случае Google CDN по сравнению с другими, но он по-прежнему ужасно низок (любой CDN, а не только Google).
  2. При загрузке через cdn у вас будет 3 запроса: один для jQuery.js, один для jQueryUI.js и один для вашего кода. Вы можете сжимать его на локальном компьютере и загружать как единый ресурс.

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

aWebDeveloper
источник
Ссылка на статью с 2010 года. Большинство упомянутых им данных устарели. Сейчас гораздо лучший показатель популярности, гораздо больше сайтов используют Google CDN сейчас, чем в 2010 году.
Трейдер,
Вот обновленная статистика: blog.cloudharmony.com/2015/02/… Большинство веб-сайтов, похоже, сейчас используют CDN. Больше данных: w3techs.com/technologies/details/cd-jquerycdn/all/all
трейдер