Descargando jQuery UI CSS del CDN de Google


452

Estoy planeando usar Google para descargar jQuery lib para UI y Core. Mi pregunta es, ¿me permiten descargar el CSS o debo alojarlo yo mismo?

Además, si uso Google para cargar, ¿cómo debo cargar otros complementos? ¿Puedo comprimir todos los complementos juntos o debería ser su propio archivo separado?

Respuestas:


574

2
Tenga en cuenta que estos scripts CSS no están actualmente comprimidos / minimizados, lo que significa que podría ofrecer versiones de tamaño reducido (aproximadamente un 26% según el complemento PageSpeed ​​de Google para Firefox) desde su propio dominio, lo que podría ser más rápido para sus usuarios si su conexión es decente y aún no tienen el archivo en caché localmente.
Drew Noakes

120
cada vez que quiero encontrar este CDN escribo "jquery ui css google cdn" y esta publicación es la forma más directa de la lista de todos ellos. Solo quiero agradecerles +1
mazlix

1
@Drew: O también podría usar Reducisaurus. :)
Alix Axel

1
@Alix, gracias por el enlace . Parece un servicio útil.
Drew Noakes

1
También puede CORTAR los números de versiones menores de la URL para obtener automáticamente el último CSS / JS, siempre. Simplemente deje el número de versión principal en su lugar. Ejemplo: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG

61

jQuery ahora tiene acceso a CDN:

code.jquery.com/ui/ [versión] / themes / [nombre del tema] /jquery-ui.css


Y para hacer esto un poco más fácil, aquí tienes:


44
Ahora es compatible con https (al menos desde el momento de esta publicación)
Ivan Akcheurov

¿Cómo puede usar las imágenes asociadas con este CDN? Faltan localmente y no quiero descargarlas. ¿Hay alguna forma de usar el que está almacenado en el CDN?
Baptiste Pernet

@BaptistePernet: el CDN también proporciona todas las imágenes asociadas, y como las urldeclaraciones son relativas a la cssubicación del archivo, el cliente tomará automáticamente las imágenes del CDN
MestreLion

29

Google aloja jQueryUI css en este enlace https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Si observa este código directamente, está importando el CSS utilizando @import, que puede ser lento . Es posible que desee factorizar la importación en sus partes para obtener un ligero beneficio de rendimiento:

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

Yo creo que si. Por qué no? No sería un gran CDN sin ofrecer el CSS para admitir los archivos de script

Este enlace sugiere que son:

Nos resulta especialmente emocionante que los temas CSS de jQuery UI ahora estén alojados en el CDN de las bibliotecas Ajax de Google.


Intenté agregar cargarlo usando la declaración de carga de Google ... no cargaría el CSS ... lo comprobé.
coool


5

Podrías usar este si te refieres a jQuery UI css:

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

5

Como Obama dice "Sí, podemos". Aquí está el link para esto. developers.google.com/#jquery

Necesitas 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

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

Encuentre los nombres de los temas aquí http://jqueryui.com/themeroller/ en la subficha de la galería

.

Pero no recomendaría que aloje desde cdn por las siguientes razones

  1. Aunque su probabilidad de éxito es buena en el caso de Google CDN en comparación con otros, pero todavía es abismalmente baja (cualquier cdn no solo google).
  2. Cargando a través de cdn, tendrá 3 solicitudes, una para jQuery.js, una para jQueryUI.js y otra para su código. Puede comprimirlo en su local y cargarlo como un único recurso.

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


El artículo que vinculó es de 2010. La mayoría de los datos que mencionó están desactualizados. Hay una tasa de éxito mucho mejor ahora, muchos más sitios web están utilizando Google CDN ahora que en 2010.
Operador

Aquí hay estadísticas actualizadas: blog.cloudharmony.com/2015/02/… La mayoría de los sitios web parecen usar CDN ahora. Más datos: w3techs.com/technologies/details/cd-jquerycdn/all/all
Trader
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.