WordPress में संसाधनों को समूहबद्ध और न्यूनतम करने का तरीका

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

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

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

वर्डप्रेस जेएस और सीएसएस न्यूनतम कैसे करें

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

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

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

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

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

अगला कदम, WordPress सीएसएस और जेएस को अनुकूलित करें

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

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

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

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

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

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

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

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

क्या? अन्य अनुकूलन? हाँ! आप फ़ॉन्ट वजन को अनुकूलित करने में सक्षम होंगे और यह सेटिंग्स पर विकल्प को सक्षम करने जितना आसान होगा, बस WP Speed of Light > स्पीडअप > समूह और मिनिफाई > समूह फ़ॉन्ट और Google फ़ॉन्ट विकल्प पर जाएं।

Just enable that option, click on save and all the fonts will be grouped.

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

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

फ़ाइल न्यूनतमकरण अपवाद का उपयोग कैसे करें

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

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

  To be able to list the script loaded on your website, WP Speed of Light needs to scan your folder to list them. They are usually all contained in your /wp-content folder that group all your plugins and theme. Select that folder (at least) and click on “Scan Now”

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

प्रकार (सभी, JS, CSS, फ़ॉन्ट) द्वारा वर्गीकृत फ़ाइलों की एक सूची नीचे प्रदर्शित की जानी चाहिए। यदि आपने एक फ़ाइल की पहचान की है जो परेशानी का कारण बनती है, तो फ़ाइल समूह और न्यूनतमकरण को सक्रिय करते समय, आप इसे यहाँ से एक सरल चालू/बंद स्विचर

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