VKontakte के लिए IFrame आवेदन का विकास

इस तथ्य के बावजूद कि यह सामाजिक नेटवर्क हैबर के दर्शकों द्वारा "प्रियजन" है, फिर भी मैंने एक मौका लेने का फैसला किया और इसके लिए Djang पर अनुप्रयोगों के विकास पर छोटे नोट प्रकाशित किए।

मैं आपको चेतावनी देता हूं, उनमें से कुछ पूरी तरह से कप्तान हैं, और कुछ का VKontakte या यहां तक ​​कि Djanga से कोई लेना-देना नहीं है, सामान्य तौर पर, मुझे दोष मत देना।

कटौती के तहत:

• django-vkontakte-iframe और vkontakte
• दीवार पर एप्लिकेशन डाउनलोड करना
• फ्लैश डमी
• प्रिय IE में सत्र
• सभी "फ्लैशवार्स" जीईटी अनुरोध द्वारा भेजे जाते हैं
• फ्रेम का काम
• उपयोगकर्ता जानकारी तक पहुंच
• लेआउट का सत्यापन
• JSLint आपका दोस्त और कॉमरेड है
• थंबनेल पीढ़ी
• एक प्रॉक्सी मॉडल के माध्यम से मॉडरेशन
• आयात सेटिंग्स
• अनुकूलन

विज्ञापन के रूप में: आवेदन को "कलेक्टर" कहा जाता है और यह सिक्के, टिकट, कार्ड और अन्य वस्तुओं को इकट्ठा करने में शामिल लोगों के लिए अभिप्रेत है। वर्तमान में, केवल MTG मैप कैटलॉग भरा है, लेकिन भविष्य में अन्य मदों के लिए कैटलॉग बनाए और भरे जाएंगे। बेशक, हम आपके सभी सुझावों और रचनात्मक आलोचनाओं को सुनकर खुश होंगे।

django-vkontakte-iframe और vkontakte

ये मॉड्यूल आपको प्रलेखन VKontakte एपीआई को समझने के बिना तुरंत उपयोगी कार्यक्षमता विकसित करने की अनुमति देते हैं।

पहले खुद को उपयोगकर्ताओं के प्राधिकरण पर ले जाता है, आपको सामान्य dzhangovskih उपयोगकर्ताओं के माध्यम से काम करने की अनुमति देता है, हालांकि, वह पहले से ही लेखक द्वारा हब पर उल्लेख किया गया था।

हालांकि, कुछ समय बाद, उपयोगकर्ताओं को पहचानने से इनकार करने के लिए आवेदन शुरू हुआ। समस्या रीफ़रर फ़ील्ड में दिखाई देती है, vk_iframe / form.py में यह इस प्रकार लिखा जाता है:

रेफ़रर = फॉर्म्स। चॉइफ़ फ़िल्ड (REFERRER_CHOICES, आवश्यक = गलत)

प्रलेखन से हम यह निष्कर्ष निकाल सकते हैं कि मॉड्यूल में निर्धारित REFERRER_CHOICES पुराना है, और इसके अलावा, एक निश्चित सूची हमें ad_ {AD_ID} के कारण सूट नहीं करती है। इसलिए, एक तार्किक प्रतिस्थापन हमारी समस्याओं को हल करेगा:

रेफ़रर = फ़ॉर्म। चरफिल्ड (आवश्यक = गलत)

बेशक, REFERRER_CHOICES की अब आवश्यकता नहीं है और इसे सुरक्षित रूप से हटाया जा सकता है।

दूसरा मॉड्यूल एपीआई के लिए एक आवरण प्रदान करता है, लेकिन सबसे पहले, सर्वर से सभी तरीकों का उपयोग नहीं किया जा सकता है, और दूसरी बात, मेरी राय में, ज्यादातर मामलों में यह उपयोगकर्ता के पेज से जावास्क्रिप्ट के माध्यम से एपीआई तक पहुंचने के लिए अधिक सुविधाजनक और इष्टतम है। विकास के तहत दिए गए आवेदन में, मैंने इस मॉड्यूल का उपयोग django-vkontakte-iframe द्वारा बनाए गए उपयोगकर्ता प्रोफाइल को समय-समय पर अपडेट करने और उपयोगकर्ता के दोस्तों को यह निर्धारित करने के लिए किया है कि क्या उस व्यक्ति ने लॉग इन किया है जो उस उपयोगकर्ता से संबंधित देखने का अधिकार रखता है जो "केवल मुझे और दोस्तों को दिखाएं" दिखाता है।

उसी समय, यह एक अजीब क्षण को ध्यान देने योग्य है, 16 जून को, जब पृष्ठ में प्रवेश करने का प्रयास किया गया था, तो आवेदन अचानक दिखाना शुरू कर दिया ... कुछ भी नहीं। अनुरोध देखने से पता चला है कि 500 ​​वीं त्रुटि एकल अनुरोध पर वापस आ गई है। यानी कृपया ध्यान दें कि यह वह एप्लिकेशन नहीं था जो वापस लौटा, लेकिन खुद VKontakte! एक छोटी जांच से पता चला कि यह मामला एपीआई के पहले अनुरोध में था, लेकिन थोड़ी देर बाद स्थिति सामान्य हो गई।

दीवार पर एप्लिकेशन डाउनलोड करना

एप्लिकेशन के प्रचार के लिए, अक्सर उपयोगकर्ता द्वारा एप्लिकेशन द्वारा उत्पन्न संदेश को दीवारों पर पोस्ट करने की क्षमता को जोड़ना उपयोगी होता है, जब क्लिक किया जाता है, तो लोग एप्लिकेशन में जाएंगे। हमारे मामले में, यह उपयोगकर्ता के संग्रह में एक "घमंड" आइटम था।

प्रकाशन अनुक्रम सरल है:

1. यूजर आईडी प्राप्त करें जिस दीवार पर पोस्टिंग बनाई जाएगी
2. Wall.getPhotoUploadServer का उपयोग करके फ़ोटो अपलोड करने के लिए सर्वर का पता प्राप्त करें
3. निर्दिष्ट POST पते के लिए वांछित फोटो वाले फोटो फ़ील्ड के साथ एक अनुरोध फ़ॉर्म
4. प्राप्त तस्वीर डेटा के साथ wall.savePost को कॉल करें और प्राप्तकर्ता के साथ एक संदेश निर्दिष्ट करें
5. और उपयोगकर्ता को JS API saveWallPost विधि का उपयोग करके एक पुष्टिकरण विंडो दिखाएं

इन सभी में से अधिकांश मुझे फोटो अपलोड करने के साथ खुद को पीड़ा देना पड़ा, मुख्य रूप से मेरी खुद की असावधानी के कारण। प्रलेखन को "उपयोगकर्ता की दीवार पर एप्लिकेशन डाउनलोड करना" निर्देशों का पालन करना था, और मैंने लगातार "उपयोगकर्ता की दीवार पर तस्वीरें अपलोड करने" का पालन करने की कोशिश की।

मैं आपको सलाह देता हूं कि निर्देशों में अशुद्धि पर ध्यान दें, एक POST अनुरोध के साथ एक फोटो लोड करने के जवाब में, फोटो फ़ील्ड के साथ एक वस्तु, फ़ोटो नहीं, अंदर आती है। इसके अलावा, ध्यान रखें कि VKontakte एक तस्वीर का आकार 75 पिक्सेल है, इसलिए बहुत बड़ी तस्वीर भेजने से कोई मतलब नहीं है।

और अंत में, इसी POST अनुरोध को कैसे जनरेट करें। सिद्धांत रूप में, यह जावास्क्रिप्ट का उपयोग करके किया जा सकता है, लेकिन मुझे नुकसान नहीं हुआ और भेजने वाले सर्वर ने किया। यहां फिर से विकल्प हैं, आप पेन के साथ एक अनुरोध बना सकते हैं, या आप तैयार मॉड्यूल का उपयोग कर सकते हैं। व्यक्तिगत रूप से, मैं दूसरे विकल्प पर बस गया।

और हां, wall.savePost को कॉल करते समय पोस्ट_ड निर्दिष्ट करना न भूलें, जिसके द्वारा आप यह निर्धारित कर सकते हैं कि दीवार पर एक संदेश के माध्यम से आवेदन में दर्ज किए गए उपयोगकर्ता को क्या प्रदर्शित करना है।

कौन परवाह करता है, यहाँ जावास्क्रिप्ट का थोड़ा ट्वीक संस्करण है जो वर्णित एल्गोरिथ्म को लागू करता है।

फ्लैश डमी

लेकिन निश्चित रूप से टार की एक बूंद के बिना नहीं कर सकता था। यदि उपयोगकर्ता ऊपर वर्णित विधि का उपयोग करके एक संदेश भेजता है और प्राप्तकर्ता की दीवार पर जाता है, तो उस पर क्लिक करता है, फिर वह खुलेगा ... एक खाली खिड़की।

ऐसा इसलिए होता है क्योंकि VKontakte उपयोगकर्ता के लिए एक फ़्लैश फ़ाइल प्रदर्शित करने की कोशिश कर रहा है और उसे परवाह नहीं है कि हमारे पास वास्तव में एक आइफ्रेम है। यह मत पूछो कि ऐसा क्यों है, सबसे दिलचस्प।

खैर, इसीलिए आपको अभी भी 607x412 स्टब बनाकर फ्लैश (या इसे अपने दोस्तों को आउटसोर्स करना बेहतर है) के साथ परेशान करना होगा, कम से कम आपको उपयोगकर्ता को सूचित करने की आवश्यकता है कि आपको एक नए टैब में दीवार पर एक संदेश खोलने की जरूरत है, डींग मारने के विषय के बारे में जानकारी प्रदर्शित करने के लिए जितना संभव हो उतना ध्यान केंद्रित करना। post_id। स्टब को भरने के लिए, सेटिंग्स में फ्लैश करने के लिए अपने एप्लिकेशन के प्रकार को बदलें, फ़ाइल भरें और प्रकार वापस बदलें।

हालाँकि यह जानकारी पहले से ही पुरानी हो सकती है, फिर भी आवेदन के अनुमोदन चरण के दौरान स्टब काम में आ सकता है, जैसा कि प्रशासन डिफ़ॉल्ट रूप से एक फ्लैश प्रदर्शित करता है, जिसका अर्थ है कि वे बस आपकी रचना नहीं देख सकते हैं।

प्रिय IE में सत्र

गधा, बेशक, मदद नहीं कर सकता था लेकिन बाहर खड़ा था, इसलिए आपको विशेष रूप से उसके लिए कुछ शारीरिक आंदोलनों को करना होगा।

P3P नीतियों के साथ एक समस्या है, जिसके कारण एप्लिकेशन कुकीज़ को सेट नहीं कर सकता है, और यह एक प्राधिकरण फ़ाइल की ओर जाता है। सौभाग्य से, यह केवल निम्नलिखित सामग्री के साथ P3P फ़ील्ड के उत्तर में जोड़कर ठीक किया जा सकता है: CP = "IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi COND HIS Our IND CNT"

आवेदन में, मैंने एक और मिडलवेयर के साथ समस्या को हल किया।

UPD: इस लेख में iframe कुकीज़ के मुद्दे पर अधिक विस्तार से चर्चा की गई है और अन्य ब्राउज़रों में संभावित समस्याओं के संभावित समाधान प्रदान किए गए हैं।

सभी "फ्लैशवार्स" जीईटी अनुरोध द्वारा भेजे जाते हैं

जब कोई उपयोगकर्ता हमारे आवेदन में प्रवेश करता है, तो उपयोगी जानकारी प्रसारित की जाती है। तो, यह सब मुख्य गेट में प्रवेश करते समय सामान्य GET अनुरोध में प्रेषित होता है। तदनुसार, यदि आप अधिक अन्तरक्रियाशीलता चाहते हैं, तो इसका उपयोग करने के लिए आलसी मत बनो।

सबसे आम है उपयोगकर्ता को पुनर्निर्देशित करना जो मुख्य से वांछित पृष्ठ पर किसी की दीवार से आवेदन के लिए आया था, अनुरोध द्वारा निर्देशित किया गया था। [_ post_id ’]।

फ्रेम का काम

यह मत भूलो कि आप एक नियमित साइट नहीं बना रहे हैं, लेकिन एक फ्रेम में काम कर रहे हैं। और इसका मतलब है कि आपको resizeWindow (बॉडी या अपने रैपर डिव की ऊंचाई लेते हुए) का उपयोग करते हुए विंडो को आकार देने की देखभाल करने की आवश्यकता है, जबकि विंडो की अधिकतम चौड़ाई 827 पिक्सल (इंडेंट और कंट्रोल के साथ 807) है, जबकि 607 पिक्सल से अधिक की चौड़ाई को ध्यान में रखते हुए VKontakte इंटरफ़ेस खिंचाव शुरू होता है।

इसके अलावा, उपयोगकर्ता के लिए ब्राउज़र बटन आगे और पीछे होने के लिए, setLocation का उपयोग किया जाना चाहिए, और मूल पृष्ठ का नाम बदलने के लिए setTitle का उपयोग किया जाना चाहिए।

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

उपयोगकर्ता जानकारी तक पहुंच

एप्लिकेशन को डिज़ाइन करने का प्रयास करें ताकि उपयोगकर्ता से अधिकार प्राप्त करना धीरे-धीरे संभव हो सके, और यह बेहतर है कि एप्लिकेशन का सबसे बड़ा संभव हिस्सा एप्लिकेशन को इंस्टॉल किए बिना सुलभ हो।

इसलिए आप न केवल प्रत्येक उपयोगकर्ता को विंडो प्रदर्शित करने देंगे "और मुझे आपकी सारी जानकारी लेने देंगे, और जिस अपार्टमेंट में पैसा है उसकी चाबियाँ न भूलें", लेकिन आप धीरे-धीरे अपने अधिकारों का विस्तार करने का सुझाव देंगे, जबकि यह समझाना उचित होगा कि वास्तव में इन अधिकारों की आवश्यकता क्यों है। । getUserSettings और showSettingsBox इसमें आपकी मदद करेगी।

अरे हाँ, दोस्त निमंत्रण बटन को एक प्रमुख स्थान पर रखना न भूलें, जो showInviteBox के साथ काम करता है।

लेआउट का सत्यापन

मैं केवल पूरी तरह से मान्य लेआउट के साथ काम करने की दृढ़ता से सलाह देता हूं। यह आपको बहुत समय बचा सकता है, और यह बस किए गए काम के लिए सौंदर्य की संतुष्टि ला सकता है, उदाहरण के लिए, मैंने लगभग एक घंटे लगा दिया कि मेरे फ्रेम को गलत तरीके से क्यों बदला जा रहा है, और यह एक पागल तलाक हो गया।

सत्यापन प्रक्रिया को सरल बनाने के लिए, मैंने पाद लेख में एक लिंक रखा और उस पर निम्नलिखित जावास्क्रिप्ट लटका दिया। यह न केवल आपको लेआउट की वैधता की निगरानी करने की अनुमति देगा, बल्कि आपको इसके बारे में डींग मारने की भी अनुमति देगा। W3C से एक प्रकार का बैनर, केवल अधिक दृश्य। बेशक, किसी ने भी ब्राउज़रों में निर्मित उपकरण को रद्द नहीं किया है (उदाहरण के लिए, ओपेरा के संदर्भ मेनू आइटम "क्या वेब मानक हैं"), लेकिन, मेरी राय में, आप जिस लिंक पर क्लिक कर सकते हैं वह अधिक सुविधाजनक और सुविधाजनक है, क्रॉस-ब्राउज़र संगतता का उल्लेख नहीं करना।

<thinking_aloud> लेकिन आपके पृष्ठ को मूल पृष्ठ में लोड करने की क्षमता व्यावहारिक रूप से एक छेद कार्यान्वयन है, अर्थात। आप iframe एप्लिकेशन से एक और साइट लोड कर सकते हैं जो vkontakt की तरह दिखाई देगी, और फिर अंगूठे पर। </ सोच___

और इस बीच, HTML5 से नए टैग का उपयोग करने में संकोच न करें, IE में उनके लिए शैलियों को लागू करने के लिए जावास्क्रिप्ट के माध्यम से आवश्यक टैग बनाने में एक काफी सरल समाधान है, बस Google "html5 फिक्स"। व्यक्तिगत रूप से, मैं इस प्रतिमान का पालन करने की कोशिश करता हूं: "पुराने और वैकल्पिक रूप से उपहार वाले ब्राउज़रों के उपयोगकर्ता एक पृष्ठ देखेंगे, लेकिन अधिक आदिम।"

JSLint आपका दोस्त और कॉमरेड है

एप्लिकेशन विकसित करते समय, आप चाहते हैं, आप नहीं चाहते, लेकिन आपको एक जावास्क्रिप्ट लिखना होगा। और यह देखते हुए कि यह आमतौर पर Dzhangists के लिए गतिविधि का मुख्य क्षेत्र नहीं है, गलतियों को बनाने का एक उच्च मौका है। JSLint आपको न केवल बेवकूफ त्रुटियों को तुरंत पकड़ने की अनुमति देगा, बल्कि आपको कोड को बहुत साफ रूप में रखने की अनुमति देगा। हालांकि, पहले से ही इसके बारे में पर्याप्त विस्तार से लिखा है।

थंबनेल पीढ़ी

इस तथ्य के बावजूद कि काफी ठोस समाधान हैं, उदाहरण के लिए, व्यापक रूप से ज्ञात सॉरल-थम्बनेल और एनिनो -कन्वर्ट , मेरी राय में, वे बहुत भारी हैं।

इसलिए, मैंने django-thumbs को अपनाया। सौभाग्य से, इसमें मानक ImageField का विस्तार प्रदान करने वाली केवल एक फ़ाइल शामिल है। इसे समझना और इसे वांछित स्थिति में समाप्त करना मुश्किल नहीं है। उदाहरण के लिए, आवेदन के लिए, मैंने वॉटरमार्किंग को जोड़ा (हालांकि मैं उनके खिलाफ हूं, लेकिन ये आवश्यकताएं थीं), एक अलग फ़ोल्डर में मूल छवियों को सहेजना और सेटिंग्स बदलने के मामले में थंबनेल को पुन: उत्पन्न करना।

एक प्रॉक्सी मॉडल के माध्यम से मॉडरेशन

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

परिणाम कुछ इस प्रकार है । प्रॉक्सी मॉडल के उपयोग पर, हालांकि थोड़े अलग उद्देश्यों के लिए, आप यहां पढ़ सकते हैं।

आयात सेटिंग्स

सबसे पहले, मैंने लगातार सेटिंग्स के इस आयात का उपयोग किया, जैसा कि अधिकांश शुरुआती सोचते हैं:

from settings import foo

लेकिन इस तरह से आयात करें:

from django.conf import settings

ऐसा क्यों है, प्रलेखन में पढ़ना बेहतर है।

अनुकूलन

हां, "समयपूर्व अनुकूलन सभी बीमारियों की जड़ है", लेकिन सबसे पहले, यह वाक्यांश, लेखक के अनुसार (या लेखक नहीं है, यह महत्वपूर्ण नहीं है) केवल 97 प्रतिशत मामलों में सच है, और दूसरी बात, नीचे वर्णित उपायों को लेना बेहतर है। विकास के दौरान।

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

लेकिन दूसरी ओर, उपयोगकर्ता पृष्ठ प्रदर्शन की गति में अधिक रुचि रखता है, और सर्वर कितना नहीं है, इसलिए लोड को स्वयं को अनुकूलित करने की आवश्यकता है। वैसे, मैंने ऐसा क्यों लिखा है कि "उपयोगकर्ता के पृष्ठ से जावास्क्रिप्ट के माध्यम से एपीआई तक पहुंचने के लिए यह सबसे अधिक इष्टतम है, क्योंकि: VKontakte सर्वर की प्रतिक्रिया में देरी बहुत भिन्न हो सकती है, इसलिए पेज को लोड करने और उपयोगकर्ता को प्रदर्शित करने के बाद जितनी जल्दी हो सके सभी अनुरोध करना संभव है।

अनुकूलन में एक बहुत ही उपयोगी सहायक पृष्ठ गति है । सबसे अधिक बार, सबसे पहले, आपको सब कुछ और सब कुछ छोटा करने की आवश्यकता है।

Html के मामले में, यह प्रश्न टेम्प्लेट टैग {% spaceless%} {% endpaceless%} द्वारा हल किया गया है, जबकि यह ध्यान में रखना चाहिए कि टैग केवल टैग के बीच रिक्त स्थान को हटाता है, इसलिए आपको या तो सभी पाठों को टैग में लपेटना होगा (टेम्पलेट टैग के बीच भी, यदि वे जाते हैं तो) कई पंक्तियाँ), या ऐसी जगहों पर सभी एक पंक्ति में लिखते हैं, और अलग-अलग लाइनों में टैग विशेषताओं को लिखने के बारे में एक बुरे सपने की तरह भूल जाते हैं। इसके अलावा, यदि आप टैग के बीच व्हाट्सएप इंडेंटेशन पर भरोसा करते थे, तो आपको इसे सही करना होगा और इसे पूरी तरह से स्टाइल के साथ करना होगा। बेशक, इस तरह के एक संशोधन पूर्णता की ऊंचाई नहीं है, लेकिन मुझे लगता है कि उद्धरण और अन्य विकृतियों को हटाने से प्राप्त 5-10 प्रतिशत को सुरक्षित रूप से उपेक्षित किया जा सकता है। इसके अलावा, गज़िप संपीड़न की उपेक्षा नहीं की जानी चाहिए, जिसके लिए एक संबंधित मिडलवेयर प्रदान किया जाता है ।

अब css और js के बारे में। व्यक्तिगत रूप से, मैंने django-compress का उपयोग किया। स्पष्ट लाभ में शामिल हैं:

• चिपकी हुई फ़ाइलों को संस्करणित करना (जिसका अर्थ है कि आपको परिवर्तनों को प्रदर्शित करने के लिए कैश के बारे में चिंता नहीं करनी है)
• विभिन्न कंप्रेशर्स का उपयोग करने की क्षमता (बहुत उपयोगी है, क्योंकि सर्वर CSSTidy बाइनरी शुरू नहीं कर सका, इसलिए मैंने YUI कंप्रेसर लिया)
• बाहरी फ़ाइलों के लिए समर्थन, इसलिए CDN संलग्न करना बहुत आसान है (CDN क्या है और इसके लिए क्या है, आप यहाँ पढ़ सकते हैं)

बेशक, यह मॉड्यूल अनिवार्य रूप से एमवीसी का उल्लंघन करता है, लेकिन मुझे लगता है कि यह घातक और बहुत सुविधाजनक नहीं है।

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

इसके अलावा, प्रत्येक js फ़ाइल के अंत में अर्धविराम लगाना बहुत उपयोगी है, क्योंकि इसकी अनुपस्थिति संपीड़न के बाद एक मृत कोड हो सकती है।

और अंत में, यह ताकत के लिए हमारे उत्पाद का परीक्षण करने के लायक है। लोड इम्पैक्ट इस मामले में हमारी बहुत मदद करेगा। यदि आप रुचि रखते हैं, तो यहां एक लेख है जो इसके बारे में थोड़ा और विस्तार से बात करता है। बेशक नि: शुल्क परीक्षण उपलब्ध है (50 उपयोगकर्ताओं तक), लेकिन मैं कंजूस और कम से कम एक मूल पैकेज (250 उपयोगकर्ताओं तक) खरीदने की सलाह देता हूं, जिसकी कीमत 9 डॉलर है।

आवेदन परीक्षण निम्नलिखित परिणाम का उत्पादन किया:



यह देखा जा सकता है कि एप्लिकेशन लोड के साथ काफी अच्छी तरह से मेल खाता है, लेकिन फिर भी, 70 उपयोगकर्ताओं के बाद, सब कुछ प्रदान किए गए चैनल की चौड़ाई पर निर्भर करता है। तो, अंतिम विश्लेषण में, html, css और js के साथ-साथ CDN के उपयोग के साथ इशारे बहुत उपयोगी थे।

पुनश्च: मेरे बाद, किसी अन्य व्यक्ति ने लेआउट पर काम किया, इसलिए एप्लिकेशन की कुछ युक्तियों को निष्पादित नहीं किया जा सकता है।