जावास्क्रिप्ट अनुकूलन - निर्माण की प्रक्रिया

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



बहुत आसान ओपन सोर्स js- बिल्डर टूल







सही क्रम में फ़ाइल कॉन्फैनेटेशन उत्पन्न करने के लिए एक महान उपकरण। आपके द्वारा निर्दिष्ट किसी भी एक्सटेंशन के साथ काम करता है। साथ ही js को कंप्रेस करता है।

अपने प्रोजेक्ट में, मैं प्रोटोटाइप का उपयोग करता हूं। जेएस लाइब्रेरी। बिल्डर, जब प्रोटोटाइप को संपीड़ित करता है, तो एक निष्पादन देता है। इसलिए, मैंने स्रोत कोड डाउनलोड किया और फिर से बनाया ताकि बिल्डर केवल संपीड़न के बिना संघनन में लगे। यहां से पुन: डस्‍ले डाउनलोड किया जा सकता है

बिल्डर में एक कंसोल एप्लिकेशन भी शामिल है। और यह आपको निर्माण के लिए आवश्यक है।

अगला, आपको उन फ़ाइलों को संपीड़ित करने की आवश्यकता है जो बिल्डर उत्पन्न करेगा।

इस उद्देश्य के लिए मैंने YUI कंप्रेसर का उपयोग किया। उत्कृष्ट पुस्तकालय में उच्च स्तर की संपीड़न है।

यह केवल किसी भी तरह से विधानसभा की प्रक्रिया को स्वचालित करने के लिए बनी हुई है। इसके लिए, मैंने एक बैच फ़ाइल (मैं विंडोज़ में काम करता हूं) लिखी।

यह कुछ इस तरह दिखता है (build.bat)

path1 = D: \ Projects \ build \ सेट करें



% path1% JSBuilder \ JSBuildConsole.exe /path=%path1%MyHeritageBuild.jsb



java -jar% path1% yuicompressor-2.3.1 \ build \ yuicompressor-2.3.1.jar

% path1% build \ output_file_from_js_builder.js -o% path1% target-min.js



java -jar% path1% yuicompressor-2.3.1 \ build \ yuicompressor-2.3.1.jar

% path1% build-style-all.css -o% path1% style-all-min.css





मेरे मामले में, जेएस बिल्डर 2 फ़ाइलों को आउटपुट करता है - सीएसएस और जेएस, और कंप्रेसर उन्हें संपीड़ित करता है।

मुझे उम्मीद है कि यह आपको एक सुविधाजनक फ़ाइल असेंबली प्रक्रिया बनाने में मदद करता है।



मैंने यह लेख अपने टेक ब्लॉग www.kigorw.com पर लिया है