Pobieranie jQuery UI CSS z CDN Google

Planuję użyć Google do pobrania jQuery lib zarówno dla UI i Core. Moje pytanie brzmi, czy pozwalają mi pobrać CSS dla niego, Czy powinienem go hostować sam?

Również Jeśli używam Google do ładowania jak należy załadować inne wtyczki? Czy Mogę skompresować wszystkie wtyczki razem, czy powinien to być osobny plik?

Author: Shog9, 2009-05-04
Source

6 answers

Google AJAX Libraries API, który zawiera jQuery UI (obecnie v1.10.3), zawiera również popularne motywy zgodnie z jQuery UI blog :

Google Ajax Libraries API (CDN)

 575
Author: cletus,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-06-02 23:27:45

JQuery ma teraz dostęp do CDN:

Code.jquery.com/ui/[version]/themes/[Theme name] / jquery-ui.css

I żeby było to trochę łatwiejsze, proszę bardzo:

 63
Author: Dustin Woodard,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-20 19:21:00

Google hostuje jQueryUI css pod tym linkiem https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Jeśli spojrzysz bezpośrednio na ten kod, importuje on css za pomocą @import , który może być powolny . Możesz wziąć pod uwagę import na jego części, aby uzyskać niewielką wydajność korzyść:

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

 29
Author: Community,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 10:31:12

Tak mi się wydaje. Dlaczego nie? Nie byłoby wiele CDN bez oferowania CSS do obsługi plików skryptów

Ten link sugeruje, że są to:

Uważamy, że szczególnie ekscytujące jest to, że motywy CSS jQuery UI są teraz hosted on Google ' s Ajax Libraries CDN.

 5
Author: Scott Evernden,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2009-05-04 14:49:16

Możesz użyć tego, jeśli masz na myśli css jQuery UI: 

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
 5
Author: notquiteamonad,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-25 17:24:04

Jak mówi Obama "Tak, możemy". Oto link do niego. developers.google.com/#jquery

Musisz użyć

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

Znajdź nazwy tematów tutaj http://jqueryui.com/themeroller / w galerii

.

Ale ja nie polecam hostingu z cdn z następujących powodów

  1. chociaż twoja szansa na trafienie stawka jest dobra w przypadku Google CDN w porównaniu do innych, ale nadal jest fatalnie niska.(dowolny cdn nie tylko google).
  2. Ładowanie przez cdn będziesz miał 3 żądania jeden dla jQuery.js, jeden dla jQueryUI.js i jeden dla Twojego kodu. Możesz skompresować go na lokalnym i załadować jako jeden zasób.

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

 5
Author: aWebDeveloper,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-05-12 09:31:55