Download do CSS da UI do jQuery a partir da CDN do Google

452

Estou planejando usar o Google para baixar a lib do jQuery para a interface do usuário e o Core. Minha pergunta é: eles me permitem fazer o download do CSS ou devo ter que hospedá-lo eu mesmo?

Além disso, se eu usar o Google para carregar, como devo carregar outros plugins? Posso compactar todos os plugins juntos ou deve ser seu próprio arquivo separado?

coool
fonte

Respostas:

574

A API de bibliotecas do Google AJAX, que inclui a interface do usuário do jQuery (atualmente v1.10.3), também inclui temas populares conforme o blog da interface do usuário do jQuery :

API de bibliotecas do Google Ajax (CDN)

cletus
fonte
2
Observe que atualmente esses scripts CSS não são compactados / minimizados, o que significa que você pode oferecer versões de tamanho reduzido (em cerca de 26%, de acordo com o plugin PageSpeed ​​do Google para Firefox) do seu próprio domínio, o que pode ser mais rápido para os usuários se a sua conexão for decente e eles ainda não têm o arquivo em cache localmente.
de Drew Noakes
120
toda vez que quero encontrar esse CDN, digito "jquery ui css google cdn" e este post é a maneira mais direta de listar todos eles .. Quero apenas agradecer +1 +1
mazlix
1
@Drew: Ou ele também pode usar o Reducisaurus. :)
Alix Axel
1
@ Alix, obrigado pelo link . Parece um serviço útil.
de Drew Noakes
1
Você também pode RECORTAR os números das versões secundárias da URL para capturar automaticamente o CSS / JS mais recente, sempre. Apenas deixe o número da versão principal no lugar. Exemplo: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG
61

O jQuery agora tem um acesso CDN:

code.jquery.com/ui/ [version] / themes / [nome do tema] /jquery-ui.css


E para tornar isso um pouco mais fácil, aqui está:

Dustin Woodard
fonte
4
Ele suporta https agora (pelo menos desde o momento em que este post)
Ivan Akcheurov
Como você pode usar as imagens associadas a este CDN, faltam localmente e não quero fazer o download. Existe uma maneira de usar o armazenado na CDN?
22415 Baptiste Pernet
@BaptistePernet: A CDN também fornece todas as imagens associadas e, como as urlinstruções são todas relativas ao csslocal do arquivo, o cliente irá automaticamente capturar as imagens da CDN
MestreLion
29

O Google está hospedando o css do jQueryUI neste link https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Se você olhar diretamente para esse código, ele está importando o css usando @import, o que pode ser lento . Você pode levar em consideração a importação em suas partes para obter um pequeno benefício de desempenho:

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

Comunidade
fonte
5

Eu acho que sim. Por que não? Não seria muito um CDN sem oferecer o CSS para suportar os arquivos de script

Este link sugere que eles são:

Achamos particularmente interessante que os temas CSS da UI do jQuery estejam agora hospedados na CDN do Ajax Libraries do Google.

Scott Evernden
fonte
Eu tentei adicioná-lo usando a instrução de carregamento do google ... não carregaria o css .... verifiquei.
coool
6
aqui está um exemplo url que parece funcionar: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/...
Scott Evernden
5

Você poderia usar este se você se referir ao CSS da jQuery UI:

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

Como Obama diz "Sim, podemos". Aqui está o link para isso. developers.google.com/#jquery

Você precisa usar

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

CDN do jQuery

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

Encontre nomes de temas aqui http://jqueryui.com/themeroller/ na subguia da galeria

.

Mas eu não recomendo que você hospede de cdn pelas seguintes razões

  1. Embora sua chance de taxa de acerto seja boa no caso da CDN do Google em comparação com outras, ainda é muito baixa (qualquer CDN e não apenas o Google).
  2. Carregando via cdn, você terá 3 solicitações, uma para jQuery.js, uma para jQueryUI.js e uma para o seu código. Você pode compactá-lo no seu local e carregá-lo como um único recurso.

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

aWebDeveloper
fonte
O artigo que você vinculou é de 2010. A maioria dos dados que ele mencionou está desatualizada. Há uma muito melhor taxa de acerto agora, muito mais sites estão usando o Google CDN agora do que em 2010.
Trader
Aqui estão as estatísticas atualizadas: blog.cloudharmony.com/2015/02/… A maioria dos sites parece usar CDNs agora. Mais dados: w3techs.com/technologies/details/cd-jquerycdn/all/all
Trader