Đang tải xuống CSS UI UI từ CDN của Google


452

Tôi đang lên kế hoạch sử dụng Google để tải xuống lib lib cho cả UI và Core. Câu hỏi của tôi là, họ có cho phép tôi tải CSS cho nó hay tôi phải tự lưu trữ nó?

Ngoài ra nếu tôi sử dụng Google để tải thì tôi nên tải các plugin khác như thế nào? Tôi có thể nén tất cả các plugin lại với nhau không hoặc nó có phải là tệp riêng của nó không?

Câu trả lời:


574

2
Lưu ý rằng các tập lệnh CSS này hiện chưa được nén / thu nhỏ, có nghĩa là bạn có thể cung cấp các phiên bản kích thước giảm (khoảng 26% theo plugin PageSpeed ​​của Firefox cho Firefox) từ tên miền của bạn, có thể nhanh hơn cho người dùng của bạn nếu kết nối của bạn tốt và họ không có tập tin lưu trữ cục bộ.
Drew Noakes

120
mỗi lần tôi muốn tìm CDN này, tôi gõ "jquery ui css google cdn" và bài đăng này là cách trực tiếp nhất vào danh sách của tất cả chúng .. Tôi chỉ muốn cảm ơn bạn +1
mazlix

1
@Drew: Hoặc anh ấy cũng có thể sử dụng Reducisaurus. :)
Alix Axel

1
@Alix, cảm ơn vì đường link . Trông giống như một dịch vụ hữu ích.
vẽ Noakes

1
Bạn cũng có thể CẮT RA các số phiên bản nhỏ từ URL để tự động lấy CSS / JS mới nhất. Chỉ cần để lại số phiên bản chính tại chỗ. Ví dụ: ajax.googleapis.com/ajax/libs/jqueryui/1/theme/ui-lightness/ trộm
miCRoSCoPiC_eaRthLinG

61

jQuery hiện có quyền truy cập CDN:

code.jquery.com/ui/ [phiên bản] / chủ đề / [tên chủ đề] /jquery-ui.css


Và để làm cho điều này dễ dàng hơn một chút, Ở đây bạn đi:


4
Nó hỗ trợ https ngay bây giờ (ít nhất là kể từ thời điểm đăng bài này)
Ivan Akcheurov

Làm thế nào bạn có thể sử dụng các hình ảnh liên quan đến CDN này, có thiếu địa điểm và tôi không muốn tải xuống chúng. Có cách nào để sử dụng cái được lưu trong CDN không?
Baptiste Pernet

@BaptistePernet: CDN cũng cung cấp tất cả các hình ảnh liên quan và vì các urltuyên bố đều liên quan đến cssvị trí tệp, khách hàng sẽ tự động lấy các hình ảnh từ CDN
MestreLion

29

Google đang lưu trữ css jQueryUI tại liên kết này https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/theme/base/jquery.ui.all.css

Nếu bạn xem mã này trực tiếp, nó đang nhập css bằng cách sử dụng @import có thể bị chậm . Bạn có thể muốn đưa yếu tố nhập khẩu vào các bộ phận của nó để đạt được lợi ích hiệu suất nhỏ:

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/theme/base/jquery.ui.base.css https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/theme/base /jquery.ui.theme.css


5

Tôi sẽ nghĩ như vậy. Tại sao không? Sẽ không có nhiều CDN không cung cấp CSS để hỗ trợ các tệp tập lệnh

Liên kết này gợi ý rằng chúng là:

Chúng tôi thấy đặc biệt thú vị khi các chủ đề CSS UI của jQuery hiện được lưu trữ trên CDN Thư viện Ajax của Google.


Tôi đã thử thêm tải bằng cách sử dụng google load statement ... sẽ không tải css .... đã kiểm tra nó.
coool

6
đây là một url ví dụ có vẻ hoạt động: ajax.googleapis.com/ajax/libs/jqueryui/1.7/theme/smoothness/ trộm
Scott Evernden

5

Bạn có thể sử dụng cái này nếu bạn có nghĩa là css UI UI:

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

5

Như Obama nói "Có, chúng ta có thể". Đây là liên kết đến nó. nhà phát triển.google.com/#jquery

Bạn cần sử dụng

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

Tìm tên chủ đề tại đây http://jqueryui.com/themeroller/ trong thư viện ảnh phụ

.

Nhưng tôi không khuyên bạn nên lưu trữ từ cdn vì những lý do sau

  1. Mặc dù cơ hội đạt tỷ lệ trúng của bạn là tốt trong trường hợp Google CDN so với những người khác nhưng nó vẫn rất thấp. (Bất kỳ cdn nào không chỉ google).
  2. Tải qua cdn, bạn sẽ có 3 yêu cầu một cho jQuery.js, một cho jQueryUI.js và một cho mã của bạn. Bạn có thể sẽ nén nó trên cục bộ của mình và tải nó dưới dạng một tài nguyên.

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


Bài viết bạn liên kết là từ năm 2010. Hầu hết các dữ liệu anh ấy đề cập đã lỗi thời. Hiện tại có một tỷ lệ trúng tốt hơn rất nhiều, rất nhiều trang web đang sử dụng Google CDN ngay bây giờ so với trước năm 2010
Trader

Dưới đây là số liệu thống kê cập nhật: blog.cloudharmony.com/2015/02/ Nhật Bản Phần lớn các trang web dường như sử dụng CDN bây giờ. Thêm dữ liệu: w3techs.com/technology/details/cd-jquerycdn/all/all
Trader
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.