👴🏼 👩🏽‍🤝‍👨🏿 🐊 जावास्क्रिप्ट पुस्तकालयों और सीडीएन के उपयोग पर आंकड़े 🔉 👨‍👦‍👦 👩🏼‍🍳

क्या आपने कभी इन सवालों के बारे में सोचा है:

पुस्तकालयों को लोड करने के लिए दुनिया CDN तकनीक के बारे में कैसा महसूस करती है?
Wordpress में कितनी सफल साइटें लिखी गई हैं?
डेवलपर्स अक्सर Google CDN से कौन सी स्क्रिप्ट डाउनलोड करते हैं?
JQuery कितना लोकप्रिय है?

और इधर मैं सोच रहा था।
और उसने सिर्फ सोचा नहीं था, लेकिन थोड़ा शोध किया।
और उन्होंने क्रोम के लिए एक छोटा सा विस्तार लिखा, जो जीवन को बेहतर बना सकता है ~~या इंटरनेट को तोड़ सकता है~~ ।
अंदर परिणाम।

आलसी या टीएल के लिए निष्कर्ष; डॉ;

300,000 सबसे लोकप्रिय साइटों में से 10% Wordpress का उपयोग करते हैं।
JQuery का उपयोग करने वाली लोकप्रिय साइटें CDN से पुस्तकालयों को जोड़ने के लिए स्विच कर रही हैं। हर साल, अधिक से अधिक सही लोग।
दुनिया में सबसे लोकप्रिय jQuery संस्करण: 1.7.x , 1.8.x , 1.9.1 , 1.10.2 ।
jQuery 1.7.x एक व्यापक मार्जिन के साथ होता है: हर 4 वें जुड़े jquery का संस्करण 1.7.1 या 1.7.2 है
Google , jQuery और Cloudflare सबसे लोकप्रिय CDN हैं।
सभी Google CDN डाउनलोड का 89% jquery है।

यह सब कैसे शुरू हुआ, या प्रस्तावना

मैं सोच रहा था - ब्राउज़र अपने वितरण में लोकप्रिय js पुस्तकालयों को क्यों नहीं जोड़ते ? सब के बाद, सीडीएन बहुत अच्छा है, एक संसाधन के लिए एक यूआरएल, कैशिंग, सभी चीजें। लेकिन यह स्थिर फ़ाइलों को डाउनलोड करने के लिए बिल्कुल भी बेहतर नहीं है, बल्कि उन्हें तुरंत ब्राउज़र में रखना है।

भाग्य के अन्याय के जवाब में, संरचना के विस्तार का यह मॉडल बनाया गया था, जिसे इंटरनेट में तेजी लाने के लिए डिज़ाइन किया गया है।

लेकिन आप केवल कुछ परिकल्पनाओं को आगे बढ़ा सकते हैं और इसकी प्रशंसा को शांत करने के लिए प्रोटोटाइप को "गश" कर सकते हैं: मस्तिष्क को सबूत, तथ्यों और एक मजेदार छोटी चाल की आवश्यकता होती है ( हां, यह है कि मैं दिलचस्प शोध से कैसे संबंधित हूं, हालांकि इन आंकड़ों को तैयार करने की प्रक्रिया में पर्याप्त गति नहीं थी )।

शोध क्यों?

इसलिए कुछ विचार हैं:

CDN से सभी स्थिर को सुरक्षित रूप से ब्राउज़र में रखा जा सकता है, जैसा कि यह संशोधित नहीं है और आम तौर पर स्थायी है ।
यदि बहुत से लोग सीडीएन सर्वर पर अनुरोध भेजे बिना ब्राउज़र से स्टैटिक्स लोड करेंगे, तो हर कोई ठीक हो जाएगा ।
यदि आप स्थानीय रूप से सभी आम स्टैटिक फाइल्स (js l पुस्तकालयों को पढ़ें) को स्टोर करते हैं और मान लेते हैं कि साइटें अच्छे प्रोग्रामर द्वारा लिखी गई हैं, जो jquery-1.7.2.min.js जैसी कम से कम फाइलों को संशोधित नहीं करते हैं , तो ऐसी फाइलें स्थायी होती हैं और उन पर लागू होती हैं। और आइटम 2

इन विचारों की पुष्टि की आवश्यकता थी। और विस्तार के कार्यान्वयन के दौरान, मुझे अतिरिक्त प्रश्न आए:

JQuery सबसे लोकप्रिय स्क्रिप्ट है?
CDN से साइटों से कनेक्ट होने वाली स्क्रिप्ट का अनुपात क्या है?
लोग किस संस्करण का उपयोग करते हैं?
क्या उनके सर्वर से जुड़ी मिनिफ़ाई लाइब्रेरियाँ सही मात्रा में सही पैटर्न के अंतर्गत आती हैं?

हम क्या खोज रहे हैं?

प्रारंभ में, मैं कॉमन क्रॉल बॉडी का उपयोग करना चाहता था। लेकिन इस तथ्य के मद्देनजर कि इस जानवर का वजन 81 टीबी है , और इसके विश्लेषण पर जितना समय और पैसा खर्च करना होगा, उसे देखते हुए, जानवर को अकेला छोड़ दिया गया था।

थोड़ी देर बाद, मुझे एक अद्भुत लेख मिला, जिसमें लेखक ने केवल उस विषय पर इंटरनेट की खोज की जिसकी मुझे ज़रूरत थी।
समस्या यह थी कि मुझे लेख में आवश्यक उत्तर नहीं मिले, लेकिन मुझे आवश्यक उपकरण मिल गए!

अध्ययन

मुझे जिन उत्तरों की आवश्यकता है, उनके लिए मैंने कैनपार्किव डेटासेट का उपयोग किया। यह क्रॉलर डेटा सेट है जो Alexa की TOP 300,000 सेवा से लिंक करता है। यानी हम कह सकते हैं कि यह सबसे लोकप्रिय इंटरनेट साइटों का एक विशाल समूह है।

मैंने अपने लिए नवीनतम डेटासेट डाउनलोड किए - 1 मार्च 2014 को साइटों के सर्वेक्षण के परिणाम।
नीचे मैं अध्ययन के परिणाम और उन प्रश्नों को दूंगा जो मैंने उन्हें प्राप्त करने के लिए उपयोग किए थे।
आप एक साल पहले प्राप्त परिणामों के साथ मेरे परिणामों की तुलना कर सकते हैं।

CDN से jQuery लोड करने वाली साइटों की संख्या

छिपा हुआ पाठ

SELECT "jquery" AS name, count(distinct(pageid)) AS count, (100*count(distinct(pageid))/290835) AS percent FROM requests WHERE pageid <= 14802750 AND pageid >= 14489007 AND url LIKE "%//ajax.googleapis.com/ajax/libs/jquery/%"

पहला नाम	संख्या	%
jQuery	59,977	20.6223

हर साल, jQuery को जोड़ने के लिए विभिन्न CDN समाधानों का उपयोग करने वाली साइटों की संख्या बढ़ रही है। इसका मतलब यह है कि प्रगति अभी भी स्थिर नहीं है और लोग इस तरह के निर्णय की स्थिरता के बारे में जानते हैं।

Google CDN से jQuery के विभिन्न संस्करणों की लोकप्रियता

इस मामले में, मैंने मूल अनुरोध को संशोधित किया। मेरा लक्ष्य उन साइटों की कुल संख्या में jQuery के प्रत्येक संस्करण के हिस्से का अध्ययन करना है जो आम तौर पर jQuery को सक्षम करते हैं। अन्य लेखकों के लेखों में maaaalenkie समस्याएं हैं जो परिणाम की दृश्यता को प्रभावित करती हैं:

कुछ साइटें "लघु प्रारूप" संस्करण का उपयोग करती हैं, उदाहरण के लिए //ajax.googleapis.com/ajax/libs/jquery/ 1 /jquery.min.js । आज तक, यह प्रारूप jquery-1.9.1 से मेल खाता है। मैं इसे कुल योग में लेता हूं।
वर्डप्रेस स्टैटिक्स को पैरामीटर में जोड़ता है ? वेर = wpversion , जो यूआरएल द्वारा समूहीकरण को प्रभावित करता है।
संस्करणों की आवृत्ति का अध्ययन करते समय, इससे हमें कोई फर्क नहीं पड़ता कि कौन सा प्रोटोकॉल उपयोग किया जाता है - http या https।

छिपा हुआ पाठ

 select SUBSTRING( url FROM POSITION("/libs/jquery/" IN url) + 13 FOR LOCATE("/jquery", url, POSITION("/libs/jquery/" IN url) + 13) - (POSITION("/libs/jquery/" IN url) + 13) ) as version, count(distinct(pageid)) as count, (100*count(distinct(pageid))/59977) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//ajax.googleapis.com/ajax/libs/jquery/%.min.js" group by version order by count desc;

संस्करण	समावेशन की संख्या	%
1.7.2	8938	14.9024
1.7.1	6842	11.4077
1.8.3	5670	9.4536
1.9.1	5533	9.2252
1.10.2	5244	8.7434
1.8.2	3832	6.3891
1.4.2	3673	6.1240
1.3.2	2519	4.1999
1.5.2	2297	3.8298
1.6.4	1987	3.3129
1.4.4	1985	3.3096
1.6.2	1644	2.7411
1.6.1	1395	2.3259
1.5.1	1160	1.9341
1.9.0	964	1.6073
1.8.1	880	1.4672
1.10.1	868	1.4472
1.8.0	803	1.3388
2.0.3	508	0.8470
1.2.6	449	0.7486
1.7.0	403	0.6719
1.4.1	382	0.6369
1.11.0	363	0.6052
1.4.3	357	0.5952
2.0.0	246	0.4102
1.6.0	204	0.3401
1.6.3	193	0.3218
1.3.1	112	0.1867
1.5.0	104	0.1734
1.4.0	83	0.1384
1.10.0	79	0.1317
2.0.2	74	0.1234
2.1.0	68	0.1134
1.3.0	42	0.0700
2.0.1	19	0.0317
1.2.3	13	0.0217

एक दिलचस्प प्रवृत्ति jQuery की दुनिया में देखी गई है - संस्करण 1.7.x एक बड़े अंतर से साल-दर-साल अग्रणी है।

सबसे लोकप्रिय सीडीएन जेएस पुस्तकालयों का वितरण करते हैं।

पैरामीटर	संख्या	सभी साइटों का%
कुल CDN अनुरोध	78160	26.8743

छिपा हुआ पाठ

 select "Google"as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//ajax.googleapis.com/ajax/libs/%" UNION select "Yandex" as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//yandex.st/%" UNION select "Microsoft" as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//ajax.aspnetcdn.com/ajax/%" UNION select "JsDelivr" as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//cdn.jsdelivr.net/%" UNION select "Cloudflare" as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//cdnjs.cloudflare.com/ajax/libs/%" UNION select "jQuery" as name, count(distinct(pageid)) as count, (100*count(distinct(pageid))/78160) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%//code.jquery.com/%" group by name order by count desc;

CDN	गिनती	प्रतिशत
गूगल	67671	86.5801
jQuery	9222	11.7989
CloudFlare	3996	5.1126
Yandex	2379	3.0438
माइक्रोसॉफ्ट	1300	1.6633
JsDelivr	324	0.4145

जैसा कि हम देख सकते हैं, संसाधनों का शेर का हिस्सा Google CDN से जुड़ा हुआ है।
आइए अब Google CDN प्रोफ़ाइल देखें यह दिलचस्प होगा, लेकिन परिणाम अनुमानित है।

Google सीडीएन से स्क्रिप्ट डाउनलोड प्रोफाइल

छिपा हुआ पाठ

 select "jquery" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/jquery/%" UNION select "jquerymobile" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/jquerymobile/%" UNION select "angularjs" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/angularjs/%" UNION select "chrome-frame" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/chrome-frame/%" UNION select "dojo" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/dojo/%" UNION select "ext-core" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/ext-core/%" UNION select "jqueryui" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/jqueryui/%" UNION select "mootools" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/mootools/%" UNION select "prototype" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/prototype/%" UNION select "scriptaculous" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/scriptaculous/%" UNION select "swfobject" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/swfobject/%" UNION select "webfontloader" as name,count(distinct(pageid)) as count, (100*count(distinct(pageid))/67198) as percent from requests WHERE pageid <= 14802750 AND pageid >= 14489007 and url like "%//ajax.googleapis.com/ajax/libs/webfont/%" order by count;

लिपि	गिनती	प्रतिशत
jQuery	59,977	89.2541
jQueryUI	12,437	18.5080
webfontloader	4624	6.8812
swfObject	2347	3.4927
प्रोटोटाइप	993	1.4777
scriptaculous	787	1.1712
mootools	445	0.6622
AngularJS	353	0.5253
डोजो	186	0.2768
क्रोम फ्रेम	75	0.1116
ext कोर	16	0.0238
jquerymobile	1	0.0015

jQuery वास्तव में सबसे लोकप्रिय स्क्रिप्ट है। परिमाण के एक क्रम से अन्य पुस्तकालयों को दरकिनार! ...
क्या आपने एक पेचीदा परिणाम देखा है? jQuery मोबाइल केवल एक साइट पर जुड़ा हुआ है!
यह कोई गलती नहीं है, मैंने तीन बार जाँच की :)

अनुकरणीय वर्डप्रेस प्रभाव

डेटा के विश्लेषण के दौरान, मैंने परिणामों में शोर का परिचय देते हुए, एक स्थिर पैटर्न पर ध्यान दिया। अर्थात्, स्टैटिक्स के प्रश्नों में एक अतुलनीय पैरामीटर :? वेर = xxx ।
जैसा कि यह निकला, ये ज्यादातर वर्डप्रेस ट्रिक्स हैं! यह स्टैटिक्स के लिए एक संस्करण पैरामीटर जोड़ता है।
इसके अलावा, कई और अधिक विशिष्ट पैटर्न हैं - कुछ साइटें सीडीएन से स्टैटिक्स सहित सभी संसाधनों के लिए कैश कैशिंग जोड़ते हैं।

चलो वर्डप्रेस पर वापस आते हैं। मुझे दिलचस्प पैटर्न मिले, जो आपको एक सरल अनुमानक का परिचय देने और मूल्यांकन करने की अनुमति देते हैं कि सामान्य वर्डप्रेस कैसा है:

वर्डप्रेस jquery- माइग्रेट प्लगइन का उपयोग करता है। यह प्लगइन काफी दुर्लभ है और इसका उपयोग 1.9+ संस्करण में पुराने संस्करणों से अप्रचलित jQuery सुविधाओं को वापस करने के लिए किया जाता है।
जैसा कि ऊपर बताया गया है, Wordpress संसाधनों के लिए एक संस्करण विकल्प जोड़ता है।

इस ज्ञान का उपयोग करके, हम निम्नलिखित प्राप्त करते हैं।

छिपा हुआ पाठ

 select count(distinct(pageid)) as count, (100*count(distinct(pageid))/290835) as percent from requests where pageid >= 14489007 and pageid <= 14802750 and url LIKE "%jquery-migrate%.js\\?ver=%" or url LIKE "%jquery-migrate%.js\\?v=%";

साइटों की संख्या	कुल का%
29,819	10.2529

जैसा कि आप देख सकते हैं, दुनिया में सबसे अधिक देखी जाने वाली साइटों में से 10% से अधिक वर्डप्रेस का उपयोग करते हैं।

पुनश्च अध्ययन के दौरान, कोई साइट क्षतिग्रस्त नहीं हुई थी। लेकिन विस्तार कुछ तोड़ सकता है। यदि आप अभी भी इसका उपयोग करने का निर्णय लेते हैं और ऐसा व्यवहार पाते हैं - तो मुझे पीएम में लिखें।
पीपीएस यदि आपके पास दिलचस्प सवाल हैं, तो उन्हें टिप्पणियों में पूछें। मैं लेख को अपडेट करूंगा और जवाब जोड़ूंगा।

जावास्क्रिप्ट पुस्तकालयों और सीडीएन के उपयोग पर आंकड़े

आलसी या टीएल के लिए निष्कर्ष; डॉ;

यह सब कैसे शुरू हुआ, या प्रस्तावना

शोध क्यों?

हम क्या खोज रहे हैं?

अध्ययन

CDN से jQuery लोड करने वाली साइटों की संख्या

Google CDN से jQuery के विभिन्न संस्करणों की लोकप्रियता

सबसे लोकप्रिय सीडीएन जेएस पुस्तकालयों का वितरण करते हैं।

Google सीडीएन से स्क्रिप्ट डाउनलोड प्रोफाइल

अनुकरणीय वर्डप्रेस प्रभाव

More articles: