กำลังดาวน์โหลด jQuery UI CSS จาก CDN ของ Google

ฉันวางแผนที่จะใช้ Google เพื่อดาวน์โหลด jQuery lib สำหรับ UI และ Core คำถามของฉันคือพวกเขาอนุญาตให้ฉันดาวน์โหลด CSS หรือไม่หรือฉันต้องโฮสต์เอง

นอกจากนี้หากฉันใช้ Google เพื่อโหลดฉันควรโหลดปลั๊กอินอื่นอย่างไร ฉันสามารถบีบอัดปลั๊กอินทั้งหมดเข้าด้วยกันหรือควรเป็นไฟล์แยกต่างหากหรือไม่

Google AJAX Libraries API ซึ่งรวมถึง jQuery UI (ปัจจุบัน v1.10.3) ยังมีธีมยอดนิยมตามบล็อก jQuery UI :

Google Ajax Libraries API (CDN)

• ไม่มีการบีบอัด: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js

• การบีบอัด: http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js

• ธีมส์ไม่มีการบีบอัด: สีดำผูก , บลิทเซอร์ , คูเปอร์ติโน , เข้มรัง , dot-luv , มะเขือ , Excite จักรยาน , สะบัด , ร้อน sneaks , มนุษย์ , le-กบ , MINT-Choc , มืดครึ้ม , พริกไทยบด , เรดมอนด์ , เรียบเนียน , ทิศใต้ถนน , เริ่มต้น , แดด , โก้เก๋กระเป๋า , trontastic , UI-ความมืด ,UI-สว่างและvader

• ธีมส์อัด: สีดำผูก , บลิทเซอร์ , คูเปอร์ติโน , เข้มรัง , dot-luv , มะเขือ , Excite จักรยาน , สะบัด , ร้อน sneaks , มนุษย์ , le-กบ , MINT-Choc , มืดครึ้ม , พริกไทยบด , เรดมอนด์ , เรียบเนียน , ใต้ถนน , เริ่มต้น , แดดจัด , swanky-purse , trontastic , ui-darkness ,UI-สว่างและvader

ตอนนี้ jQuery มีสิทธิ์เข้าถึง CDN:

code.jquery.com/ui/ [version] / themes / [ชื่อธีม] /jquery-ui.css

และเพื่อให้ง่ายขึ้นอีกนิดคุณไปที่นี่:

• base: http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css
• black-tie: http://code.jquery.com/ui/1.9.1/themes/black-tie/jquery-ui.css
• blitzer: http://code.jquery.com/ui/1.9.1/themes/blitzer/jquery-ui.css
• cupertino: http://code.jquery.com/ui/1.9.1/themes/cupertino/jquery-ui.css
• dark-hive: http://code.jquery.com/ui/1.9.1/themes/dark-hive/jquery-ui.css
• dot-luv: http://code.jquery.com/ui/1.9.1/themes/dot-luv/jquery-ui.css
• มะเขือยาว: http://code.jquery.com/ui/1.9.1/themes/eggplant/jquery-ui.css
• จักรยานตื่นเต้น: http://code.jquery.com/ui/1.9.1/themes/excite-bike/jquery-ui.css
• ตวัด: http://code.jquery.com/ui/1.9.1/themes/flick/jquery-ui.css
• hot-sneaks: http://code.jquery.com/ui/1.9.1/themes/hot-sneaks/jquery-ui.css
• มนุษยชาติ: http://code.jquery.com/ui/1.9.1/themes/humanity/jquery-ui.css
• le-frog: http://code.jquery.com/ui/1.9.1/themes/le-frog/jquery-ui.css
• mint-choc: http://code.jquery.com/ui/1.9.1/themes/mint-choc/jquery-ui.css
• มืดครึ้ม: http://code.jquery.com/ui/1.9.1/themes/overcast/jquery-ui.css
• เครื่องบดพริกไทย: http://code.jquery.com/ui/1.9.1/themes/pepper-grinder/jquery-ui.css
• เรดมอนด์: http://code.jquery.com/ui/1.9.1/themes/redmond/jquery-ui.css
• ความราบรื่น: http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css
• south-street: http://code.jquery.com/ui/1.9.1/themes/south-street/jquery-ui.css
• เริ่มต้น: http://code.jquery.com/ui/1.9.1/themes/start/jquery-ui.css
• sunny: http://code.jquery.com/ui/1.9.1/themes/sunny/jquery-ui.css
• swanky-purse: http://code.jquery.com/ui/1.9.1/themes/swanky-purse/jquery-ui.css
• trontastic: http://code.jquery.com/ui/1.9.1/themes/trontastic/jquery-ui.css
• ui-darkness: http://code.jquery.com/ui/1.9.1/themes/ui-darkness/jquery-ui.css
• ui-lightness: http://code.jquery.com/ui/1.9.1/themes/ui-lightness/jquery-ui.css
• vader: http://code.jquery.com/ui/1.9.1/themes/vader/jquery-ui.css

Google กำลังโฮสต์ jQueryUI css ที่ลิงค์นี้ https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

ถ้าคุณดูที่รหัสนี้โดยตรงก็คือการนำเข้าโดยใช้ CSS @import ซึ่งอาจจะช้า คุณอาจต้องการแยกการนำเข้าลงในส่วนต่าง ๆ เพื่อให้ได้รับประโยชน์ด้านประสิทธิภาพเล็กน้อย:

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

ฉันจะคิดอย่างนั้น ทำไมจะไม่ล่ะ? จะไม่มาก CDN โดยไม่ต้องเสนอ CSS เพื่อสนับสนุนไฟล์สคริปต์

ลิงค์นี้แนะนำว่า:

เราพบว่ามันน่าตื่นเต้นเป็นพิเศษที่ตอนนี้ธีม CSS jQuery UI ได้รับการโฮสต์บน Ajax Libraries CDN ของ Google

คุณสามารถใช้อันนี้ถ้าคุณหมายถึง jQuery UI css:

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

ในฐานะที่เป็นโอบามากล่าวว่า "ใช่เราทำได้" นี่คือลิงค์ไปยังมัน developers.google.com/#jquery

คุณต้องใช้

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

ไมโครซอฟท์

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

ค้นหาชื่อชุดรูปแบบได้ที่นี่http://jqueryui.com/themeroller/ในแท็บย่อยแท็บย่อย

.

แต่ฉันจะไม่แนะนำให้คุณโฮสต์จาก cdn ด้วยเหตุผลต่อไปนี้

1. แม้ว่าโอกาสที่คุณจะมีอัตราการเข้าชมนั้นดีในกรณีของ Google CDN เมื่อเทียบกับคนอื่น ๆ แต่ก็ยังต่ำมาก (cdn ใด ๆ ไม่ใช่แค่ google)
2. การโหลดผ่าน cdn คุณจะมี 3 คำขอสำหรับ jQuery.js หนึ่งคำขอสำหรับ jQueryUI.js และอีกหนึ่งคำขอสำหรับรหัสของคุณ คุณอาจบีบอัดลงบนโลคัลและโหลดเป็นทรัพยากรเดียว

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