कैसे अपनी साइट को compress.php के साथ लोड करने की गति बढ़ाएं, जो Gzip में JS + CSS को संयोजित और संपीड़ित करेगा

Code.google पर दिए गए विस्तृत निर्देश आपको इसकी अनुमति देंगे:

• सभी जेएस स्क्रिप्ट और सीएसएस शैलियों को संपीड़ित करें
• सभी प्राप्त फ़ाइलों को एक JS और एक CSS में मिलाएं
• GZIP प्रारूप में प्राप्त दो फ़ाइलों को संपीड़ित करें, जो लगभग सभी ब्राउज़रों द्वारा समझा जाता है और मक्खी पर विघटित हो सकता है
• .Htaccess लिखें जो ब्राउज़र को दो फ़ाइलों को कैश करने का कारण बनता है

यह सब तब होगा जब आप एक सिंगल कंप्रीहेंसिव स्क्रिप्ट रन करेंगे

उदाहरण के लिए, मेरी साइट की लिपियों के संपीड़न का परिणाम:

• जेएस: गज़िप 26 698 बी में संकुचित, गज़िप 95 796 बी के बिना संपीड़ित, यह 120 147 बी था
• CSS: gzip 46 049 B में संकुचित, बिना gzip 160 001 B के संपीडित, 281 870 B थे

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

नतीजतन, यह पता चला है:

<link rel="stylesheet" type="text/css" href="min/styles_1349888114.cssgz" /> <script src="min/all_1349888114.jsgz" /></script> 

निर्देश आश्चर्यजनक रूप से सरल हैं:

1. Compress.php स्क्रिप्ट डाउनलोड करें
2. स्क्रिप्ट cssmin.php , jsmin.php डाउनलोड करें
3. अपनी साइट के मूल में इन 3 लिपियों को अपलोड करें *
4. साइट के मूल में एक compress_timestamp.php फ़ाइल बनाएँ और उस पर अनुमतियाँ सेट करें ताकि compress.php स्क्रिप्ट इस फ़ाइल को अधिलेखित कर सके *
5. अपनी साइट की जड़ में एक खाली मिनी फ़ोल्डर बनाएँ
6. अपने index.php में, हेडर में निम्नलिखित कोड शामिल करें:
   

    <?php require_once('compress_timestamp.php'); // timestamp   ,   .  $compress_stamp=unix_timestamp if (stripos($_SERVER['HTTP_ACCEPT_ENCODING'],'GZIP')!==false) $gz='gz'; else $gz=null; echo '<script src="min/js_schedule_'.$compress_stamp.'.js'.$gz.'" />',PHP_EOL; echo '<link rel="stylesheet" type="text/css" href="min/css_schedule_'.$compress_stamp.'.css'.$gz.'" />',PHP_EOL; ?> 

   
   
7. Compress.php फ़ाइल को संपादित करें, और अपनी स्क्रिप्ट और शैलियों को उचित स्थान पर सूचीबद्ध करें:
   

    <?php file_compress('css_schedule.css',array('./CSS/menu.css', './CSS/ThreeColumnFixed.css', './CSS/sprite.css', './CSS/iCal.css')); file_compress('js_schedule.js',array('./js/all1.js', './js/jquery.js', './js/love_habrahabr.js', './love_4pda.js')); ?> 

   
   यह इन जादुई कार्यों (एक फ़ाइल में पैकिंग और इसे संपीड़ित करने) के लिए था कि हमने सब कुछ शुरू किया। आवश्यक फाइलें GZipped और सामान्य संस्करणों में MIN फ़ोल्डर में बनाई जाएंगी। यदि ब्राउज़र पुराना है, तो सामान्य JS और CSS प्रारूप जारी किया जाएगा, यदि नया है, तो JSGZ और CSSGZ।
   
8. दूर से compress.php स्क्रिप्ट चलाएँ और सब कुछ अपने आप हो जाएगा
9. डाउनलोड करने के लिए साइट डाउनलोड करें

* सादगी के लिए हम सभी फ़ाइलों को साइट के रूट पर सहेजते हैं, लेकिन सुरक्षा कारणों से ऐसा नहीं करना बेहतर है

अब आपकी साइट तेजी से लोड होती है, प्रेमियों के लिए आपके जेएस और सीएसएस का कोड अधिक कठिन है।

जब भी आप साइट पर स्क्रिप्ट बदलते हैं, तो आपको साइट को लोड करने से पहले compress.php चलाने की आवश्यकता होती है, बाकी सब कुछ अपने आप होता है।

यह मत भूलो कि आपके सीएसएस शैलियों में छवियों के लिंक को अब इस तथ्य को ध्यान में रखना चाहिए कि सीएसएस MIN फ़ोल्डर में है।

---

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

 ## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType audio/mp3 "access 1 year" ExpiresByType audio/wav "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" </IfModule> ## EXPIRES CACHING ## 

आफ्टरवर्ड: लेख शुरुआती के उद्देश्य से है, क्योंकि पहले से ही यह सब कुछ (शुरुआती के लिए जटिल सेटिंग्स के साथ) भारी प्लेटफार्मों की मदद से किया जाता है। मैं आपको compress.php का उपयोग करने का आग्रह नहीं करता हूं, लेकिन इसके साथ आप यह सुनिश्चित कर सकते हैं कि आपको JS स्क्रिप्ट और CSS शैलियों को संयोजित और संपीड़ित करने की आवश्यकता है।

स्रोत पर
द्वारा पोस्ट किया गया: अर्न बर्कहॉफ