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

वेबसाइट नीचे स्लिम करें

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

1. अपनी साइट के थीम डिज़ाइन पर वापस जाएं

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

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

2. अनावश्यक प्लगइन्स से छुटकारा पाएं

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

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

3. अपने एचटीएमएल, सीएसएस और जावास्क्रिप्ट के फ़ाइल आकार को कम करें

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

W3 कुल कैश सेटिंग्स पृष्ठ में, "सामान्य सेटिंग्स" के अंतर्गत, "छोटा करें" मोड सक्षम करें।

इसके बाद, "छोटा करें -> HTML और XML" अनुभाग पर जाएं, "सक्षम करें" के बगल में स्थित बॉक्स, "इनलाइन सीएसएस न्यूनीकरण, " "इनलाइन जेएस मिनीफिकेशन" और "लाइन ब्रेक निकालें" के बगल में स्थित बॉक्स देखें।

अगला "जेएस minification" खंड है। यह एक मुश्किल हिस्सा है क्योंकि यह कुछ विषयों के लिए काम करता है लेकिन दूसरों के लिए नहीं। निजी तौर पर, मुझे इस सेटिंग के साथ कोई भाग्य नहीं है, लेकिन आप इसे आजमा सकते हैं और देख सकते हैं कि यह आपकी साइट के लिए काम करता है या नहीं।

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

अंतिम भाग जिसे आपको यहां कॉन्फ़िगर करने की आवश्यकता है वह "सीएसएस न्यूनीकरण" खंड है। यह आपको विषय में उपयोग किए गए सभी सीएसएस को कम करने और गठबंधन करने की अनुमति देता है।

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

4. छवियों को अनुकूलित करना

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

साइट की लोडिंग गति को तेज करें

साइट की लोडिंग गति को तेज़ करने के लिए आप जिन तरीकों का उपयोग कर सकते हैं उनमें शामिल हैं:

  • साइट कैश करें
  • ब्राउज़र कैश सेट करें
  • Google की jquery पर स्विच करें
  • स्थगित जावास्क्रिप्ट लोडिंग
  • छवियों की आलसी लोडिंग का उपयोग करें
  • asychronous जावास्क्रिप्ट का उपयोग करें
  • सीडीएन का प्रयोग करें

यहां कुछ प्लगइन्स हैं जो आपके लिए उपर्युक्त काम कर सकते हैं।

1. डब्ल्यू 3 कुल कैश

हमने उपरोक्त खंड में खनन को कवर किया है, लेकिन डब्ल्यू 3 कुल कैश शक्तिशाली बनाता है जो इसके कैशिंग मॉड्यूल है। सबसे पहले, "सामान्य सेटिंग्स" अनुभाग में "पृष्ठ कैश" मॉड्यूल सक्षम करें। साझा होस्टिंग पर, पृष्ठ कैश मोड के लिए "डिस्क: बेसिक" का चयन करें। वीपीएस या समर्पित सर्वर के लिए, "डिस्क: एन्हांस्ड" चुनें।

जब तक आप "ब्राउज़र कैश" अनुभाग नहीं देखते हैं तब तक पृष्ठ को नीचे स्क्रॉल करें; इसे सक्षम करने के लिए बॉक्स को भी चेक करें।

यह आपकी साइट के लिए पेज कैश और ब्रोशर कैश दोनों सक्षम करेगा। पृष्ठ कैश बस एक स्थिर HTML पृष्ठ है जो गतिशील PHP पृष्ठ की बजाय परोसा जाएगा। ब्राउज़र कैश ब्राउज़र को आपके पृष्ठ को कैश करने और कैश से सेवा करने के लिए सूचित करता है जब पाठक एक ही पृष्ठ पर फिर से जाता है।

2. डब्ल्यूपी डिफर्ड स्क्रिप्ट

अधिकांश जावास्क्रिप्ट फ़ाइलें प्रकृति में अवरुद्ध हो रही हैं, जिसका अर्थ यह है कि सामग्री को लोड होने से पहले सभी जावास्क्रिप्ट फ़ाइलों को लोडिंग समाप्त करने के लिए साइट का इंतजार करना पड़ता है। इसे तुल्यकालिक लोडिंग के रूप में भी जाना जाता है। इसका मुकाबला करने के तरीकों में से एक पृष्ठ के नीचे जावास्क्रिप्ट को स्थानांतरित करना है ताकि सामग्री लोड होने के बाद ही लोड हो जाए।

WP Deferred स्क्रिप्ट एक उपयोगी प्लगइन है जो पृष्ठ के निचले हिस्से में सभी संलग्न स्क्रिप्ट को स्थानांतरित करता है। यह बैकएंड में lab.js का उपयोग कर रहा है और अधिकांश प्लगइन के साथ काम करेगा। कॉन्फ़िगर करने के लिए कोई सेटिंग्स नहीं हैं। एक बार सक्रिय होने पर, यह पृष्ठ के अंत में सभी जावास्क्रिप्ट लोडिंग को स्वचालित रूप से स्थगित कर देगा। एक और अच्छी बात यह है कि यह जावास्क्रिप्ट को अतुलनीय रूप से लोड करता है, जिसका अर्थ है कि यह सामग्री के साथ समानांतर में जावास्क्रिप्ट लोड करता है।

3. जेटपैक फोटॉन

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

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

4. आलसी लोड

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

5. डीएफपी

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

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

निष्कर्ष

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

छवि क्रेडिट: कहीं भी तेजी से नहीं जा रहा है