গুগলের সিডিএন থেকে jQuery ইউআই সিএসএস ডাউনলোড করা হচ্ছে


452

আমি ইউআই এবং কোর উভয়ের জন্য jQuery লাইব ডাউনলোড করতে গুগল ব্যবহার করার পরিকল্পনা করছি। আমার প্রশ্ন হ'ল তারা কি আমাকে এর জন্য সিএসএস ডাউনলোড করার অনুমতি দেয় বা আমার নিজের এটি হোস্ট করা উচিত?

এছাড়াও আমি লোড করার জন্য যদি গুগল ব্যবহার করি তবে আমার অন্যান্য প্লাগইনগুলি কীভাবে লোড করা উচিত? আমি কি সমস্ত প্লাগইন একসাথে সংকুচিত করতে পারি বা এটির নিজস্ব পৃথক ফাইল হওয়া উচিত?

উত্তর:


574

গুগল এজেএক্স লাইব্রেরি এপিআই, যার মধ্যে jQuery UI (বর্তমানে v1.10.3) অন্তর্ভুক্ত রয়েছে, jQuery UI ব্লগ অনুসারে জনপ্রিয় থিমগুলি অন্তর্ভুক্ত করেছে :

গুগল আজাক্স লাইব্রেরি এপিআই (সিডিএন)


2
নোট করুন যে এই সিএসএস স্ক্রিপ্টগুলি বর্তমানে সংকুচিত / ন্যূনতম নয়, এর অর্থ হ'ল আপনি নিজের ডোমেন থেকে হ্রাস আকারের সংস্করণগুলি (ফায়ারফক্সের জন্য গুগলের পেজস্পাইড প্লাগইন অনুসারে প্রায় 26% দ্বারা) সরবরাহ করতে পারেন যা আপনার সংযোগটি শালীন হলে আপনার ব্যবহারকারীদের পক্ষে দ্রুততর হতে পারে এবং তাদের স্থানীয়ভাবে স্থানীয়ভাবে ক্যাশে করা হয়নি।
ড্রয় নোকস

120
প্রতিবার আমি এই সিডিএনটি খুঁজতে চাইলে আমি "jquery ui css google cdn" টাইপ করি এবং এই পোস্টটি তাদের সবার তালিকার সর্বাধিক সরাসরি উপায় .. আমি আপনাকে ধন্যবাদ জানাতে চাই +1
mazlix

1
@ ড্রু: অথবা তিনি রেডুচিসারাসও ব্যবহার করতে পারেন। :)
অ্যালিক্স অ্যাক্সেল

1
@ অ্যালিক্স, লিঙ্কটির জন্য ধন্যবাদ । দেখে মনে হচ্ছে একটি দরকারী পরিষেবা।
ড্র নোকস

1
আপনি সর্বদা সর্বদা সর্বশেষে সর্বশেষতম সিএসএস / জেএস দখল করতে ইউআরএল থেকে ছোটখাটো সংস্করণ নম্বরগুলি কেটে ফেলতে পারেন। কেবল স্থানটিতে প্রধান সংস্করণ নম্বর রেখে দিন। উদাহরণ: ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/…
miCRoSCoPiC_eaRthLinG

61

jQuery এখন একটি সিডিএন অ্যাক্সেস আছে:

কোড.jquery.com/ui/ [সংস্করণ] / থিম / [থিমের নাম] /jquery-ui.css


এবং এটিকে আরও সহজ করতে, আপনি এখানে যান:


4
এটি এখনই https সমর্থন করে (কমপক্ষে এই পোস্টের সময় থেকেই)
ইভান আচেচরভ

আপনি এই সিডিএন এর সাথে যুক্ত চিত্রগুলি কীভাবে ব্যবহার করতে পারেন, সেখানে লোকাল নেই এবং আমি সেগুলি ডাউনলোড করতে চাই না। সিডিএন-তে সংরক্ষিত একটি ব্যবহার করার উপায় আছে কি?
ব্যাপটিস্ট পার্নেট

@ ব্যাপটিস্টের্নেট: সিডিএন সমস্ত সম্পর্কিত চিত্র সরবরাহ করে, এবং urlবিবৃতিগুলি সমস্ত cssফাইলের সাথে সম্পর্কিত বলে ক্লায়েন্টটি স্বয়ংক্রিয়ভাবে সিডিএন থেকে ছবিগুলি ধরে নেবে
মেষ্ট্রেলিওন

29

গুগল এই লিঙ্কটিতে jQueryUI সিএসএস হোস্ট করছে https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

আপনি যদি এই কোডটি সরাসরি দেখেন তবে এটি @ ইম্পোর্ট ব্যবহার করে CSS আমদানি করছে যা ধীর হতে পারে । আপনি সামান্য পারফরম্যান্স সুবিধা পেতে এর অংশগুলিতে আমদানিকে ফ্যাক্ট করতে পারেন:

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

আমি তাই মনে হবে। কেন না? স্ক্রিপ্ট ফাইলগুলিকে সমর্থন করার জন্য সিডিএস অফার করে এমন কোনও সিডিএন ডাব্লু / ও নেই

এই লিঙ্কটি তাদের পরামর্শ দেয়:

আমরা এটি বিশেষভাবে উত্তেজনাপূর্ণ মনে করি যে jQuery UI সিএসএস থিমগুলি এখন গুগলের অ্যাজাক্স লাইব্রেরি সিডিএন-তে হোস্ট করা হয়েছে।


আমি গুগল লোড স্টেটমেন্ট ব্যবহার করে এটি লোড করার চেষ্টা করেছি ... সিএসএস লোড হবে না .... এটি পরীক্ষা করে।
শীতল

6
এখানে কাজ করার মতো একটি ইউআরএল এখানে রয়েছে: ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/…
স্কট

5

আপনি jQuery UI সিএসএস বলতে চাইলে আপনি এটি ব্যবহার করতে পারেন:

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

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 সিডিএন

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. যদিও অন্যের তুলনায় গুগল সিডিএন-র ক্ষেত্রে আপনার হিট রেটের সম্ভাবনা ভাল তবে এটি এখনও অত্যন্ত কম ((যে কোনও সিডিএন কেবল গুগল নয়)।
  2. সিডিএন এর মাধ্যমে লোড হচ্ছে আপনার কাছে jQuery.js এর জন্য একটি, jQueryUI.js এর জন্য একটি এবং আপনার কোডের জন্য একটি অনুরোধ থাকবে। আপনি সম্ভবত এটি আপনার স্থানীয়তে সংকোচিত করবেন এবং এটি একটি একক সংস্থান হিসাবে লোড করুন।

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


আপনি যে নিবন্ধটি সংযুক্ত করেছেন এটি 2010 সালের। এখন অনেক ভাল হিট রেট রয়েছে, আরও অনেক ওয়েবসাইটগুলি ২০১০ সালের তুলনায় এখন গুগল সিডিএন ব্যবহার করছে।
ব্যবসায়ী

এখানে আপডেট করা পরিসংখ্যান রয়েছে: ব্লগ.ক্লাউডোমরনি.কম / ২০১৫ / ২০১২ / বেশিরভাগ ওয়েবসাইটগুলি এখন সিডিএন ব্যবহার করে বলে মনে হচ্ছে। আরও ডেটা: w3techs.com/technologies/details/cd-jquerycdn/all/all
ট্রেডার
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.