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

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

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

Источник

7 ответов

Решение

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

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

Источник

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

code.jquery.com/ui/[версия]/ themes /[название темы]/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

Источник

Как Обама говорит "Да, мы можем". Вот ссылка на него. 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

Источник

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

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

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

Источник

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

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

Пользовательский интерфейс jQuery < 1.13 теперь считается уязвимостью системы безопасности Google Page Speed ​​Insights.

Вместо этого используйте более актуальную версию с исправлением безопасности. По состоянию на 2022 год это будет 1.13.2.

Бывший:

Полные примеры тегов HTML:

      <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
Источник
Другие вопросы по тегам