Google के CDN से jQuery UI CSS डाउनलोड करना

452

मैं UI और कोर दोनों के लिए jQuery के डाउनलोड को डाउनलोड करने के लिए Google का उपयोग करने की योजना बना रहा हूं। मेरा प्रश्न यह है कि क्या वे मुझे इसके लिए CSS डाउनलोड करने की अनुमति देते हैं या मुझे इसे स्वयं होस्ट करना चाहिए?

इसके अलावा अगर मैं लोड करने के लिए Google का उपयोग करता हूं तो मुझे अन्य प्लगइन्स को कैसे लोड करना चाहिए? क्या मैं सभी प्लगइन्स को एक साथ संपीड़ित कर सकता हूं या इसकी अपनी अलग फाइल होनी चाहिए?

jquery  css  jquery-ui  cdn  google-ajax-libraries 
— coool
स्रोत

जवाबों:

574

Google AJAX लाइब्रेरीज़ API, जिसमें jQuery UI (वर्तमान में v1.10.3) शामिल है, jQuery UI ब्लॉग के अनुसार लोकप्रिय थीम भी शामिल है :

Google Ajax लाइब्रेरी API (CDN)

— क्लेटस
स्रोत
2
ध्यान दें कि ये सीएसएस स्क्रिप्ट वर्तमान में संपीड़ित / न्यूनतम नहीं हैं, जिसका अर्थ है कि आप अपने स्वयं के डोमेन से कम आकार के संस्करणों (Google के पेजस्पेड प्लगइन के लिए फ़ायरफ़ॉक्स के अनुसार लगभग 26%) की पेशकश कर सकते हैं, जो आपके उपयोगकर्ताओं के लिए तेज़ हो सकता है यदि आपका कनेक्शन सभ्य है और उनके पास पहले से ही स्थानीय रूप से कैश की गई फ़ाइल नहीं है।
— ड्रू नोक
120
हर बार जब मैं इस सीडीएन को खोजना चाहता हूं, तो मैं "jquery ui css google cdn" टाइप करता हूं और यह पोस्ट उन सभी की सूची में सबसे सीधा तरीका है .. मैं बस आपको धन्यवाद देना चाहता हूं
— mazlix
1
@ आकर्षित: या वह Reducisaurus का भी उपयोग कर सकता है। :)
— एलिक्स एक्सल
1
@ एलिक्स, लिंक के लिए धन्यवाद । एक उपयोगी सेवा की तरह लगता है।
— ड्रू नोकें
1
आप नवीनतम सीएसएस / जेएस को हमेशा स्वचालित रूप से हथियाने के लिए URL से मामूली संस्करण संख्याओं को भी काट सकते हैं। बस प्रमुख संस्करण संख्या को जगह में छोड़ दें। उदाहरण: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
— miCRoSCoPiC_eaRthLinG
61

jQuery की अब CDN पहुंच है:

code.jquery.com/ui/ [संस्करण] / थीम / [थीम नाम] /jquery-ui.css

और इसे थोड़ा और आसान बनाने के लिए, यहां आप जाएं:

— डस्टिन वुडर्ड
स्रोत
4
यह अब https का समर्थन करता है (कम से कम इस पोस्ट के समय से)
— इवान अक्चेउरोव
आप इस CDN से जुड़ी छवियों का उपयोग कैसे कर सकते हैं, वहाँ लोकोलि गायब हैं और मैं उन्हें डाउनलोड नहीं करना चाहता। क्या सीडीएन में संग्रहीत एक का उपयोग करने का एक तरीका है?
— बैप्टिस्ट पर्नेट
@BaptistePernet: CDN सभी संबद्ध चित्र भी प्रदान करता है, और जैसा कि urlकथन सभी cssफ़ाइल स्थान के सापेक्ष हैं , क्लाइंट CDN से छवियों को स्वतः पकड़
— लेगा
29

Google इस लिंक पर jQueryUI css की मेजबानी कर रहा है https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.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

— समुदाय
स्रोत
5

मुझे ऐसा लगता होगा। क्यों नहीं? स्क्रिप्ट फ़ाइलों का समर्थन करने के लिए CSS की पेशकश करने में CDN w / o का बहुत कुछ नहीं होगा

यह लिंक बताता है कि वे हैं:

हमें यह विशेष रूप से रोमांचक लगता है कि jQuery UI CSS विषयों को अब Google के अजाक्स लाइब्रेरी सीडीएन पर होस्ट किया गया है।

— स्कॉट एवरंडन
स्रोत
मैंने इसे Google लोड स्टेटमेंट का उपयोग करके लोड करने को जोड़ने का प्रयास किया ... सीएसएस लोड नहीं करेगा .... इसकी जांच की।
— प्रात: काल
6
यहाँ एक उदाहरण url है जो काम करता हुआ प्रतीत होता है: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…
— स्कॉट
5

अगर आप jQuery UI css का मतलब है तो आप इसका इस्तेमाल कर सकते हैं:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
— samueldple
स्रोत
5

जैसा कि ओबामा कहते हैं "यस वी कैन"। इसका लिंक यहाँ दिया गया है। developers.google.com/#jquery

आपको उपयोग करने की आवश्यकता है

गूगल

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/ यहाँ विषय नाम खोजें

।

लेकिन मैं आपको निम्नलिखित कारणों से सीडीएन से होस्टिंग की सिफारिश नहीं करूंगा

  1. हालाँकि अन्य लोगों की तुलना में Google CDN के मामले में हिट रेट की संभावना अच्छी है, लेकिन यह अभी भी कम है। (कोई भी सीडी सिर्फ गूगल नहीं है)।
  2. सीडीएन के माध्यम से लोड करने पर आपके पास jQuery.js के लिए 3, jQueryUI.js के लिए एक और आपके कोड के लिए एक अनुरोध होगा। आप इसे अपने स्थानीय पर संपीड़ित कर सकते हैं और इसे एक एकल संसाधन के रूप में लोड कर सकते हैं।

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

— aWebDeveloper
स्रोत
आपके द्वारा जोड़ा गया लेख 2010 से है। उनके द्वारा उल्लिखित अधिकांश डेटा पुराना है। अब एक बेहतर हिट दर है, बहुत अधिक वेबसाइटें अब 2010 में वापस की तुलना में Google CDN का उपयोग कर रही हैं।
— व्यापारी
यहां अपडेट किए गए आंकड़े हैं: blog.cloudharmony.com/2015/02/… अधिकांश वेबसाइट अब CDN का उपयोग करती हैं। अधिक डेटा: w3techs.com/technologies/details/cd-jquerycdn/all/all
— ट्रेडर
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.