वर्डप्रेस में संसाधनों को समूहीकृत और छोटा कैसे करें

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

WP Speed of Light आपकी वर्डप्रेस साइट के लिए सबसे अच्छा समाधान है क्योंकि इसमें एक बेहद अनुकूल डैशबोर्ड के साथ आपकी साइट को तेज़ी से लोड करने के कई विकल्प हैं और हाँ, इनमें से एक विकल्प संसाधनों को समूहीकृत और न्यूनतम करना है। समूहीकृत और न्यूनतम करने की प्रक्रिया में एकल फ़ाइल को शामिल/बहिष्कृत करना बिना किसी टकराव के कस्टम ऑप्टिमाइज़ेशन की कुंजी है।

हम इस ब्लॉग पोस्ट के लिए एक उदाहरण वर्डप्रेस साइट का उपयोग करने जा रहे हैं और हम सीखेंगे कि यह कैसे किया जाए ताकि सब कुछ कॉन्फ़िगर करने की प्रक्रिया आसान हो जाए।

वर्डप्रेस JS और CSS का न्यूनतमीकरण कैसे करें

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

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

हाँ, पेज लोड होने में 2.79 सेकंड लगते हैं, बुरा नहीं है, लेकिन यह बेहतर हो सकता था। बस js और CSS को मिनिफ़ाई करें और अंतर देखें। WP Speed of light > SpeedUp > Group & Minify , आपको मिनिफ़ाई करने के सभी विकल्पों वाला मेनू दिखाई देगा। प्लगइन के मुफ़्त संस्करण में ग्रुप और मिनिफ़ाई विकल्प शामिल हैं, लेकिन विज़ुअल फ़ाइल एक्सक्लूज़न केवल PRO ऐड-ऑन संस्करण में उपलब्ध है।

प्रो ऐड-ऑन के विकल्प हैं: इनलाइन स्क्रिप्ट बहिष्कृत करें (इनलाइन स्क्रिप्ट को न्यूनतमीकरण से बाहर करें), स्क्रिप्ट को फ़ुटर में ले जाएँ (यह आपको सभी न्यूनतमीकृत स्क्रिप्ट को फ़ुटर में ले जाकर अपनी साइट की गति बढ़ाने की अनुमति देता है), फ़ॉन्ट और Google फ़ॉन्ट्स को समूहीकृत करें (स्थानीय फ़ॉन्ट्स और Google फ़ॉन्ट्स को एक ही फ़ाइल में समूहित करें ताकि वे तेज़ी से प्रदर्शित हों) और उन्नत फ़ाइल बहिष्करण।
 
जैसा कि आप देख सकते हैं, आपके पास न्यूनतमीकरण का विकल्प है, JS, CSS और HTML भी। बस इन विकल्पों को सक्रिय करें, सहेजें पर क्लिक करें और आपके सभी संसाधन तुरंत न्यूनतमीकृत हो जाएँगे। इसमें कुछ समस्याएँ हो सकती हैं क्योंकि यह एक उन्नत कॉन्फ़िगरेशन है, लेकिन कुछ कोड और फ़ाइलों को बहिष्कृत करके (प्रो ऐड-ऑन के साथ) सब कुछ ठीक किया जा सकता है।

अब डेवलपर का सारा काम जो घंटों में हो जाता है, वह कुछ सेकंड में हो जाता है।

अगला कदम, वर्डप्रेस CSS और JS को अनुकूलित करेगा

इस प्लगइन के साथ हम वर्डप्रेस को डैशबोर्ड पर समूह विकल्पों को सक्षम करके सीएसएस और जेएस को अनुकूलित करने देंगे, WP Speed of Light > स्पीडअप> ग्रुप और मिनिमाइज़ , आप सीएसएस और जेएस को समूहित करने के विकल्पों के साथ एक डैशबोर्ड देखने में सक्षम होंगे।

ये विकल्प आपको यह करने की अनुमति देते हैं:

• समूह JS: कई जावास्क्रिप्ट फ़ाइलों को एक ही फ़ाइल में समूहित करने से HTTP अनुरोधों की संख्या न्यूनतम हो जाएगी
• समूह सीएसएस: कई सीएसएस फाइलों को एक ही फाइल में समूहित करने से HTTP अनुरोधों की संख्या कम हो जाएगी।

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

यह जांचने के लिए कि आप अपनी वेबसाइट पर कितनी फाइलें, स्क्रिप्ट समूहित कर सकते हैं, बस अपना ब्राउज़र कंसोल खोलें (राइट क्लिक> इंस्पेक्ट या F12) और नेटवर्क पैनल ।

फिर आप प्रकार के अनुसार लोड की गई सभी फ़ाइलों को सूचीबद्ध कर सकते हैं, यहाँ इस उदाहरण में मैंने केवल JS फ़ाइल सूची पर क्लिक किया है।

अब जब हम इस सेटिंग पर हैं, तो बस समूह विकल्प (समूह सीएसएस और समूह जेएस) को सक्षम करें और सहेजें पर क्लिक करें, ध्यान रखें कि इन विकल्पों का उपयोग सावधानी के साथ किया जाना चाहिए और आपको अपने पृष्ठ का परीक्षण करना होगा क्योंकि इससे संघर्ष हो सकता है।

आइए गंभीर हो जाएं और फ़ॉन्ट वज़न को अनुकूलित करें

क्या? अन्य ऑप्टिमाइज़ेशन? हाँ! आप फ़ॉन्ट वेट ऑप्टिमाइज़ कर पाएँगे और यह सेटिंग्स में विकल्प को सक्षम करने जितना ही आसान होगा, बस WP Speed of Light > SpeedUp > Group & Minify > Group fonts और Google Fonts विकल्प पर जाएँ।
ग्रुप फ़ॉन्ट्स और Google Fonts विकल्प आपको उन्हें एक ही फ़ाइल में समूहित करने की सुविधा देगा ताकि वे तेज़ी से प्रदर्शित हों। यह बहुत उपयोगी है क्योंकि अधिकांश वर्डप्रेस थीम और लेआउट डिफ़ॉल्ट रूप से सभी डिक्लाइन (नियमित, बोल्ड, इटैलिक...) के साथ 2 या अधिक फ़ॉन्ट के साथ आते हैं।

बस उस विकल्प को सक्षम करें, सेव पर क्लिक करें और सभी फ़ॉन्ट समूहीकृत हो जाएंगे।

अब जब हमने संसाधनों को छोटा करने और समूहीकृत करने के सभी विकल्पों को सक्रिय कर दिया है, तो हमें अपनी साइट के लोड समय में अंतर दिखाई देना चाहिए, आइए गति की जांच करें।

क्या फ़र्क़ है, 2.8 से 0.56 सेकंड तक! जैसा कि हमने आपको इस पोस्ट की शुरुआत में बताया था, हम लोडिंग टाइम को और बेहतर बना सकते हैं ;)

फ़ाइल न्यूनीकरण बहिष्करण का उपयोग कैसे करें

मिनिफिकेशन आपकी साइट में समस्याएँ पैदा कर सकता है, ऐसा मुख्यतः तब होता है जब आप कुछ ऐसी फ़ाइलों को ग्रुप करते हैं जिनमें सिंटैक्स एरर या इसी तरह के वेरिएबल, क्लास नेम में त्रुटि होती है। इसलिए "फ़ाइल मिनिफिकेशन एक्सक्लूज़न" विकल्प से, आप फ़ाइलों को मिनिफिकेशन और ग्रुप प्रक्रिया से बाहर कर पाएँगे। WP Speed of Light > SpeedUp > Group & Minify एडवांस्ड फ़ाइल एक्सक्लूज़न विकल्प दिखाई देगा

उन्नत फ़ाइल बहिष्करण का उपयोग करने के लिए, आपको पहले एक स्कैन चलाना होगा, विकल्प को सक्षम करना होगा और रन स्कैन पर क्लिक करना होगा।

 आपकी वेबसाइट पर लोड की गई स्क्रिप्ट को सूचीबद्ध करने के लिए, WP Speed of Light को आपके फ़ोल्डर को स्कैन करके उन्हें सूचीबद्ध करना होगा। ये सभी आमतौर पर आपके /wp-content फ़ोल्डर में होते हैं, जिसमें आपके सभी प्लगइन्स और थीम शामिल होते हैं। उस फ़ोल्डर को चुनें (कम से कम) और "अभी स्कैन करें"

यह एक स्कैन चलाएगा, अंत में, स्कैन पूरा होने पर परिणाम देखें पर क्लिक करें।

प्रकार (सभी, JS, CSS, फ़ॉन्ट) के अनुसार वर्गीकृत फ़ाइलों की एक सूची नीचे प्रदर्शित होनी चाहिए। यदि आपको कोई ऐसी फ़ाइल दिखाई देती है जो फ़ाइल समूह और न्यूनतमीकरण को सक्रिय करते समय समस्या उत्पन्न करती है, तो आप एक साधारण ON/OFF स्विचर का ।

इससे आपको फ़ाइलों को बाहर निकालने में मदद मिलेगी और इस तरह, संसाधनों को छोटा करते समय आने वाली किसी भी समस्या का आसानी से समाधान हो जाएगा... समूहीकरण और छोटा करने की प्रक्रिया में अभी भी कुछ काम करने की ज़रूरत है, खासकर परीक्षण में, लेकिन यह निश्चित रूप से प्रयास के लायक है, और आप WP Speed of Light से सीधे स्पीड टेस्ट चलाकर ।
 
आगे बढ़ें और WP Speed of Light : https://www.joomunited.com/wordpress-products/wp-speed-of-light