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

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

इसका एक अच्छा समाधान आपकी छवियों को मांग पर लोड करना है, या जो आमतौर पर आलसी लोडिंग के रूप में जाना जाता है।

आलसी लोडर एक jQuery प्लगइन है जो (लंबे) वेब पृष्ठों में छवियों को लोड करने में देरी करता है। व्यूपोर्ट (वेब ​​पेज का दृश्य भाग) के बाहर की छवियों को तब तक लोड नहीं किया जाएगा जब तक कि उपयोगकर्ता उन्हें स्क्रॉल न करे। ऐसी साइटों के लिए जो बहुत सारी छवियों का उपयोग करते हैं, आलसी लोड पृष्ठ को तेज़ी से लोड कर सकता है और सर्वर लोड (और लागत) को कम करने में भी मदद करता है।

तकनीकी विवरण में जाने से बचने के लिए, आइए (सरलतम) तरीकों को देखें कि आप इसे अपने वर्डप्रेस ब्लॉग में एकीकृत कर सकते हैं।

1. jQuery छवि आलसी लोडर

बिना किसी संदेह के, प्लगइन वर्डप्रेस में सामान को सरल बनाने का तरीका है। jQuery छवि आलसी लोडर एक ऐसी प्लगइन है जो आपकी साइट में आलसी लोड सुविधा को एकीकृत करती है।

कोई विन्यास की आवश्यकता नहीं है। प्लगइन स्थापित करने और इसे सक्रिय करने के लिए आपको बस इतना करना है।

एक बार सक्रिय होने पर, आलसी लोड स्क्रिप्ट साइट के सभी पृष्ठों पर काम करेगी।

2. आलसी लोडर

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

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

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

अन्य विकल्पों में लोडिंग प्रभाव शामिल हैं और अपनी प्लेसहोल्डर छवि का उपयोग करना शामिल है।

निष्कर्ष

आलसी लोडिंग आपकी साइट बैंडविड्थ को कम करने, पृष्ठ के लोडिंग समय और समग्र प्रदर्शन को बेहतर बनाने का एक अच्छा तरीका है। यदि आप सिर्फ एक प्लग और प्ले समाधान चाहते हैं, तो jQuery छवि आलसी लोडर एक के लिए जाना है। यदि आप अधिक नियंत्रण रखना चाहते हैं, तो आलसी लोडर प्लगइन एक बेहतर विकल्प है।

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

छवि क्रेडिट: takamorry