Mengunduh jQuery UI CSS dari CDN Google

452

Saya berencana menggunakan Google untuk mengunduh jQuery lib untuk UI dan Core. Pertanyaan saya adalah, apakah mereka mengizinkan saya mengunduh CSS untuk itu atau haruskah saya menyimpannya sendiri?

Juga jika saya menggunakan Google untuk memuat bagaimana saya harus memuat plugin lain? Bisakah saya mengompres semua plugin bersama atau haruskah itu file terpisah sendiri?

pendingin
sumber

Jawaban:

574

Google AJAX Libraries API, yang mencakup jQuery UI (saat ini v1.10.3), juga mencakup tema populer sesuai blog jQuery UI :

Google Ajax Libraries API (CDN)

cletus
sumber
2
Perhatikan bahwa skrip CSS ini saat ini tidak dikompresi / diminimalkan, yang berarti bahwa Anda dapat menawarkan versi ukuran dikurangi (sekitar 26% menurut plugin PageSpeed ​​Google untuk Firefox) dari domain Anda sendiri, yang mungkin lebih cepat bagi pengguna Anda jika koneksi Anda layak dan mereka belum memiliki file di-cache secara lokal.
Drew Noakes
120
setiap kali saya ingin menemukan CDN ini saya mengetik "jquery ui css google cdn" dan posting ini adalah cara paling langsung ke daftar mereka semua .. Saya hanya ingin mengucapkan terima kasih +1
mazlix
1
@Rew: Atau dia mungkin menggunakan Reducisaurus juga. :)
Alix Axel
1
@Alix, terima kasih atas tautannya . Sepertinya layanan yang bermanfaat.
Drew Noakes
1
Anda juga dapat CUT OUT nomor versi minor dari URL untuk secara otomatis mengambil CSS / JS terbaru, selalu. Biarkan saja nomor versi utama di tempatnya. Contoh: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG
61

jQuery sekarang memiliki akses CDN:

code.jquery.com/ui/ [versi] / tema / [nama tema] /jquery-ui.css


Dan untuk membuatnya sedikit lebih mudah, Ini dia:

Dustin Woodard
sumber
4
Ini mendukung https sekarang (setidaknya sejak saat posting ini)
Ivan Akcheurov
Bagaimana Anda dapat menggunakan gambar yang terkait dengan CDN ini, ada lokal yang hilang dan saya tidak ingin mengunduhnya. Apakah ada cara untuk menggunakan yang tersimpan di CDN?
Baptiste Pernet
@BaptistePernet: CDN juga menyediakan semua gambar yang terkait, dan karena semua urlpernyataan relatif terhadap csslokasi file, klien akan secara otomatis mengambil gambar dari CDN
MestreLion
29

Google meng-hosting jQueryUI css di tautan ini https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

Jika Anda melihat kode ini secara langsung, itu mengimpor css menggunakan @import yang bisa lambat . Anda mungkin ingin memasukkan faktor impor ke dalam bagian-bagiannya untuk mendapatkan sedikit manfaat kinerja:

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

Komunitas
sumber
5

Saya akan berpikir begitu. Kenapa tidak? Tidak akan banyak CDN tanpa menawarkan CSS untuk mendukung file skrip

Tautan ini menunjukkan bahwa mereka adalah:

Kami merasa sangat menarik bahwa tema CSS UI jQuery sekarang di-host di CDN Ajax Perpustakaan Google.

Scott Evernden
sumber
Saya mencoba menambahkan memuatnya menggunakan pernyataan memuat google ... tidak mau memuat css .... memeriksanya.
coool
6
inilah contoh url yang tampaknya berfungsi: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…
Scott Evernden
5

Anda bisa menggunakan ini jika Anda maksud jQuery UI css:

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

Seperti kata Obama "Ya Kita Bisa". Ini tautannya. developers.google.com/#jquery

Anda harus menggunakan

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

Temukan nama tema di sini http://jqueryui.com/themeroller/ di subtab galeri

.

Tetapi saya tidak akan merekomendasikan Anda hosting dari cdn untuk alasan berikut

  1. Meskipun peluang Anda mengenai hit rate bagus untuk CDN Google dibandingkan dengan yang lain, tetapi ini masih sangat rendah (CDN apa pun bukan hanya google).
  2. Memuat melalui cdn Anda akan memiliki 3 permintaan satu untuk jQuery.js, satu untuk jQueryUI.js dan satu untuk kode Anda. Anda mungkin akan mengompresnya di lokal Anda dan memuatnya sebagai satu sumber daya tunggal.

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

aWebDeveloper
sumber
Artikel yang Anda tautkan adalah dari 2010. Sebagian besar data yang ia sebutkan sudah usang. Ada hit rate yang jauh lebih baik sekarang, lebih banyak situs web menggunakan Google CDN sekarang daripada kembali pada tahun 2010.
Trader
Berikut adalah statistik yang diperbarui: blog.cloudharmony.com/2015/02/... Mayoritas situs web tampaknya menggunakan CDN sekarang. Lebih banyak data: w3techs.com/technologies/details/cd-jquerycdn/all/all
Trader