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

आवश्यकताएँ

  1. Autooptimize। प्लगइन प्राप्त करें यहाँ
  2. लाइटस्पीड कैश आपके सर्वर पर स्थापित (वैकल्पिक)
  3. PerfMatters। प्लगइन प्राप्त करें यहाँ
  4. ShortPixel (आप इस प्लगइन को बदलने के लिए Litespeed का उपयोग कर सकते हैं)

मैं दृढ़ता से सुझाव देता हूं कि आप इस प्लगइन का उपयोग अपनी वर्डप्रेस साइट को अनुकूलित करने के लिए कर सकते हैं। वे बेहद उपयोगी हो सकते हैं और सस्ती लागत के लिए आपकी वेबसाइट के पृष्ठों को अनुकूलित कर सकते हैं।

चेतावनी: यह आपकी वर्डप्रेस साइट को तोड़ सकता है। कृपया एक रनिंग वेबसाइट में आवेदन करने से पहले इस सेटिंग को आज़माने के लिए एक सैंडबॉक्स बनाएं।

Autoptimize

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

जावास्क्रिप्ट विकल्प

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

इसके अलावा इनलाइन जेएस?
जेएस-फाइलें अलग करें? सभी गैर-रेंडर ब्लॉकिंग को लोड करने के लिए सभी जेएस-फाइलों को अलग करें? यदि यह विकल्प बंद है, तो अलग-अलग JS-files यथावत रहेंगी, लेकिन इन्हें छोटा किया जाएगा।
इसके अलावा इनलाइन जेएस? HTML से JS को निकालने के लिए Autoptimize भी करें। चेतावनी: इससे ऑटोपॉइज़ का कैश आकार जल्दी से बढ़ सकता है, इसलिए केवल इसे सक्षम करें यदि आप जानते हैं कि आप क्या कर रहे हैं।
बल जावास्क्रिप्ट में ? जावास्क्रिप्ट को जल्दी लोड करें, यह संभावित रूप से कुछ JS-त्रुटियों को ठीक कर सकता है, लेकिन JS को अवरोधक बनाता है।
Autoptimize से स्क्रिप्ट बाहर निकालें:
स्क्रिप्ट की एक अल्पविराम से अलग की गई सूची जिसे आप अनुकूलित करना चाहते हैं, उदाहरण के लिए 'जो भी हो। जेएस, अन्य.जेएस' (बिना उद्धरण के) उन स्क्रिप्ट को ऑटोप्टाइज़ द्वारा एकत्रित होने से बाहर करने के लिए। महत्वपूर्ण: गैर-मिनिमाइज़ की गई फ़ाइलों को बाहर रखा गया है, जब तक कि "misc" के तहत विकल्प अक्षम नहीं किया जाता है, तब तक Autoptimize द्वारा खनन किया जाता है।
ट्रैप-कैच रैपिंग जोड़ें? यदि आपकी स्क्रिप्ट जेएस-त्रुटि के कारण टूट जाती है, तो आप यह कोशिश करना चाह सकते हैं।

सीएसएस विकल्प

सीएसएस विकल्प

इनलाइन और डिफर सीएसएस?
सीएसएस-फाइलें अलग करें? लिंक की गई सभी सीएसएस-फाइलें अलग करें? यदि यह विकल्प बंद है, तो अलग-अलग सीएसएस-फाइलें जगह में रहेंगी लेकिन इन्हें छोटा किया जाएगा।
सीएसएस इनलाइन को भी एग्रीगेट करें? HTML में CSS को भी एग्रीगेट करने के लिए इस विकल्प को जांचें।
डेटा उत्पन्न करें: छवियों के लिए URI? अलग-अलग डाउनलोड के बजाय CSS में छोटी पृष्ठभूमि-छवियों को शामिल करने के लिए इसे सक्षम करें।
इनलाइन और डिफर सीएसएस? इनलाइन "फोल्ड सीएसएस के ऊपर" मुख्य ऑटोप्टिमाइज्ड सीएसएस को लोड करने के बाद ही पेज लोड होता है। एफएक्यू की जांच करें अधिक जानकारी के लिए। इस पर विभिन्न प्रकार के पृष्ठों के लिए पूरी तरह से स्वचालित किया जा सकता है CriticalCSS टैब।
सभी सीएसएस इनलाइन? सभी CSS को सम्मिलित करना CSS को रेंडर-ब्लॉक होने से रोकने का एक आसान तरीका है, लेकिन आमतौर पर अनुशंसित नहीं है क्योंकि HTML का आकार काफी बढ़ जाता है। इसके अतिरिक्त यह मेटा-टैग को ऐसी स्थिति में धकेल सकता है, जैसे कि फेसबुक और व्हाट्सएप साझा करते समय थंबनेल को तोड़ते हुए उन्हें और नहीं पाएंगे।

"इनलाइन सभी सीएसएस" की सिफारिश नहीं की जाती है क्योंकि यह लोड समय बढ़ाता है। हालांकि इसे "async" पर लोड किया जा सकता है और यह पेज पर लोड होता है और यह पहली बार पेंट करने में देरी कर सकता है।

HTML अनुकूलन

HTML कोड ऑप्टिमाइज़ करें?
HTML कमेंट रखें? यदि आप चाहते हैं कि HTML टिप्पणियां पृष्ठ में रहें तो इसे सक्षम करें।

मेरा सुझाव है कि आप html टिप्पणियों को न रखें, क्योंकि उनमें कोई कार्यक्षमता नहीं है।

छवि अनुकूलन

अपनी छवियों को अनुकूलित करने और आलसी लोड करने के लिए बस कुछ चेकबॉक्स पर टिक करके अपनी साइट को अधिक तेज़ बनाएं, जिसमें WebP समर्थन शामिल है!

छवियाँ अनुकूलित करेंमक्खी पर छवियों का अनुकूलन करें और उन्हें शॉर्टपिक्सल के वैश्विक सीडीएन से प्राप्त करें। अधिक Google प्यार करें और अपनी सार्वजनिक रूप से उपलब्ध छवियों को मक्खी पर अनुकूलित ("अगले-जीन" वेबपी छवि प्रारूप में) करके अपनी वेबसाइट की लोडिंग गति में सुधार करें। ShortPixel और फिर शॉर्टपिक्सल की वैश्विक सीडीएन से तेजी से कैश और सेवा की। अभी साइनअप करें उपयोग किए गए ट्रैफ़िक की परवाह किए बिना 1 000 बोनस + 50% अधिक छवि अनुकूलन क्रेडिट प्राप्त करने के लिए। अधिक छवि अनुकूलन $4.99 से शुरू किए जा सकते हैं।प्रशन? पर एक नजर है ShortPixel अकसर किये गए सवाल! केवल उन साइटों / चित्रों के लिए काम करता है जो सार्वजनिक रूप से उपलब्ध हैं। इस सुविधा का उपयोग शॉर्टपिक्सल के अधीन है उपयोग की शर्तें तथा गोपनीयता नीति.
आलसी-लोड छवियों?छवि आलसी-लोडिंग गैर-दिखाई देने वाली छवियों को लोड करने में देरी करेगी, जिससे ब्राउज़र को पहले "ऊपर" पृष्ठ के लिए सभी संसाधनों को जानबूझकर लोड करने की अनुमति मिलती है।

यह आपको अपनी वेबसाइट के लिए सेटअप करना चाहिए। आसान और ज्यादा परेशानी नहीं। यह प्लगइन भी मुफ्त है।

जैसा कि मैंने कहा, पूरी तरह से परीक्षण करना सुनिश्चित करें। इससे कुछ कार्यक्षमता टूट सकती है।

अतिरिक्त अनुकूलन

Google फ़ॉन्ट्सवैसे ही छोड़ो
Google फ़ॉन्ट्स निकालें
गठबंधन और सिर में लिंक (फोंट तेजी से लोड लेकिन रेंडर-ब्लॉक कर रहे हैं), शामिल हैं प्रदर्शन: स्वैप.
सिर में संयोजन और प्रीलोड करें (फोंट देर से लोड होते हैं, लेकिन रेंडर-ब्लॉक नहीं होते हैं), शामिल हैं प्रदर्शन: स्वैप.
संयोजन और फोंट को अतुल्यकालिक रूप से लोड करें webfont.js
इमोजीस निकालेंवर्डप्रेस 'कोर एमोजिस इनलाइन सीएसएस, इनलाइन जावास्क्रिप्ट को हटाता है, और अन्यथा एक अन-ऑटोप्टीमाईज्ड जावास्क्रिप्ट फाइल है।
स्थैतिक संसाधनों से क्वेरी स्ट्रिंग निकालेंक्वेरी स्ट्रिंग्स निकालना (या विशेष रूप से अधिक) ver पैरामीटर) लोड समय में सुधार नहीं करेगा, लेकिन प्रदर्शन स्कोर में सुधार कर सकता है।

मुश्किल हिस्सा यहां से शुरू होता है। यह हिस्सा केवल तभी किया जाना चाहिए जब आप इस बारे में निश्चित हों कि आप क्या कर रहे हैं।

Tools.pPN.com पर जाएं और अपनी वेबसाइट का परीक्षण करें।

1 घंटे के तहत Wordpress को अनुकूलित करने के लिए आसान गाइड। 1

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

fonts.gstatic.com, fonts.googleapis.com

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

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

Perfmatters

इस प्लगइन की लागत। लेकिन यह बिल्कुल इसके लायक है।

विकल्प

वह कौन सा प्रदर्शन विकल्प चुनें जिसे आप सक्षम करना चाहते हैं।

एमोजिस को अक्षम करेंसक्षम करें
एम्बेड अक्षम करेंसक्षम करें
क्वेरी स्ट्रिंग्स निकालेंसक्षम करें
XML- RPC अक्षम करेंसक्षम करें
JQuery माइग्रेट निकालेंसक्षम करें
WP संस्करण छिपाएँसक्षम करें
Wlwmanifest लिंक निकालेंसक्षम करें
RSD लिंक निकालेंसक्षम करें
शार्टलिंक को हटा देंसक्षम करें
RSS फ़ीड्स अक्षम करेंसक्षम करें
RSS फ़ीड लिंक निकालेंसक्षम करें
स्वयं पिंगबैक को अक्षम करेंसक्षम करें
REST API को अक्षम करेंसक्षम करें
रीस्ट एपीआई लिंक निकालेंसक्षम करें
डैशिकन को अक्षम करेंसक्षम करें
Google मानचित्र अक्षम करेंसक्षम करें
Google फ़ॉन्ट्स अक्षम करेंसक्षम करें
पासवर्ड स्ट्रेंथ मीटर को अक्षम करेंसक्षम करें
टिप्पणियाँ अक्षम करेंसक्षम करें
टिप्पणी URL निकालेंसक्षम करें
आलसी LoadingBETAसक्षम करें
मूल निवासी का उपयोग करेंसक्षम करें
दिल की धड़कन को अक्षम करेंDefaultDisable हर जगह जब संपादन पोस्ट / पृष्ठों की अनुमति दें
दिल की धड़कन की आवृत्ति15 सेकंड (डिफ़ॉल्ट) 30 सेकंड 45 सेकंड सेकंड
सीमा संशोधन के बादडिफ़ॉल्ट पोस्ट रिवीजन123451015202530
ऑटोसैव अंतराल1 मिनट (डिफ़ॉल्ट) 2 मिनट 3 मिनट 4 मिनट 5 मिनट
लॉगिन URL बदलेंसुरक्षा उद्देश्यों के लिए उपयोगी हो सकता है।

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

टैब पर एक्स्ट्रा कलाकार "स्क्रिप्ट प्रबंधक" को सक्षम करते हैं।

यह हिस्सा बहुत उपयोगी है, क्योंकि Google में आपको अक्सर एक चेतावनी मिलती है, जिसमें कहा जाता है कि "उन सीएसएस फ़ाइलों को हटा दें जिनका उपयोग नहीं किया गया है" या "उन जेएस फ़ाइलों को हटा दें जिनका उपयोग नहीं किया गया है"।

1 घंटे के तहत Wordpress को अनुकूलित करने के लिए आसान गाइड। 2

इस उदाहरण में, आप कुछ फाइलें देखते हैं जो लगभग पूरी तरह से अप्रयुक्त हैं। वे कहते हैं कि यह 10.6 केबी में से 10.3 की संभावित बचत है, इसका मतलब यह है कि संभवतः इसे निकालना सुरक्षित है। ऐसा करते समय अच्छी तरह से परीक्षण करें। Perfmatters यहां हमारी मदद करते हैं क्योंकि आप उन्हें सीधे अक्षम कर सकते हैं।

Http://yourwpdomain.com/yourwpdirectory/fileyouwanttoedit पर जाएं? perfmatters

या बस जोड़ें ? perfmatters उस पृष्ठ पर जिसे आप अनुकूलित करना चाहते हैं।

यहां आपको वो स्क्रिप्ट दिखाई देंगी जो लोड हो रही हैं।

1 घंटे के तहत Wordpress को अनुकूलित करने के लिए आसान गाइड। 3

कुछ निम्नलिखित जानकारी होगी:

1 घंटे के तहत Wordpress को अनुकूलित करने के लिए आसान गाइड। 4

वहां आप अप्रयुक्त .css के Google सुझावों के साथ इसका मिलान कर सकते हैं। उन सभी अप्रयुक्त सीएसएस को अक्षम करें जिन्हें आप मानते हैं कि आपकी वेबसाइट पर कोई प्रभाव नहीं पड़ेगा। .Js फ़ाइलों के साथ भी ऐसा करें। लेकिन जैसा कि मैंने पहले कहा था, आपको यह देखने के लिए कि आपको कौन सा काम करना है और कौन सा नहीं, यह देखने के लिए पेज पर सेटिंग और पेज पर जाकर जाँच करनी है। यह प्लगइन सभी अप्रयुक्त .js और .css फ़ाइलों को हटा देगा जो नाटकीय रूप से आपके प्रदर्शन को बढ़ाएंगे।

शॉर्टपिक्सल - छवि अनुकूलन

शॉर्टपिक्सल बाजार पर सबसे अच्छी छवि ऑप्टिमाइज़र में से एक है। यह मेरी सेटिंग्स हैं:

shortpixel छवि अनुकूलन

अपने व्यक्तिगत मामले में, मैं छवि गुणवत्ता के बारे में बहुत परवाह करता हूं। नतीजतन, मैं अपनी छवियों को 1025 × 1024 में बदलने का फैसला करता हूं। यहां प्रस्तुत अधिकांश सेटिंग्स आपकी वेबसाइट के लिए बेहद उपयोगी होंगी।

उन्नत पृष्ठ सेटिंग्स पर मेरा सुझाव है कि आप इस विकल्प को सक्षम करें:

सीजीवाईके टू आरजीबी रूपांतरण कंप्यूटर और मोबाइल स्क्रीन डिस्प्ले के लिए अपनी छवियों के रंगों को समायोजित करें। वेब के लिए केवल RGB प्रारूप की आवश्यकता होती है और उन्हें CMYK से RGB में परिवर्तित करना उन्हें छोटा बनाता है।
WebP छवियाँ:सामने के अंत में छवियों के WebP संस्करणों को वितरित करें:
भी बनाएं वेबपी संस्करण छवियों के, मुफ्त का.
 का उपयोग करते हुए टैग सिंटैक्स
 ग्लोबल (ब्राउज़र में HTML भेजने से पहले पूरे आउटपुट बफर को संसाधित करता है)
रेटिना छवियों का अनुकूलन यदि वे मौजूद हैं तो रेटिना छवियों (@ 2x) को भी ऑप्टिमाइज़ करें। यदि आपके पास एक रेटिना प्लगइन है जो रेटिना-विशिष्ट छवियां (@ 2x) उत्पन्न करता है, तो ShortPixel उन्हें भी अनुकूलित कर सकता है, नियमित मीडिया लाइब्रेरी छवियों और थंबनेल के साथ।  और जानकारी 
अन्य अंगूठे का अनुकूलन करें यदि मिली-जुली अंगूठे का भी अनुकूलन करें। कुछ प्लगइन्स थंबनेल बनाते हैं जो मेटाडेटा में पंजीकृत नहीं हैं, लेकिन इसके बजाय उन्हें केवल अन्य थंबनेल के साथ बनाते हैं। बता दें कि ShortPixel उन्हें भी ऑप्टिमाइज़ करता है। 
PDF का अनुकूलन करें पीडीएफ दस्तावेजों को स्वचालित रूप से अनुकूलित करें।

यदि आप "पीएनजी छवियों को जेपीईजी में बदलना" सक्षम करना चाहते हैं तो आपको बहुत सावधान रहना चाहिए क्योंकि यह कभी-कभी उन छवियों के साथ छेड़छाड़ कर सकता है जिन्हें आप पारदर्शी पृष्ठभूमि के साथ चाहते हैं।

आपको इन्हें भी सक्षम करना चाहिए:

अपलोड पर मीडिया का अनुकूलन करें अपलोड होने के बाद (अनुशंसित) मीडिया लाइब्रेरी आइटम को स्वचालित रूप से ऑप्टिमाइज़ करें। डिफ़ॉल्ट रूप से, ShortPixel स्वचालित रूप से सभी ताज़ा अपलोड की गई छवि और PDF फ़ाइलों का अनुकूलन करेगा। यदि आप इसे अनचेक करते हैं, तो आपको या तो बल्क शॉर्टपिक्सल चलाने की ज़रूरत होगी या मीडिया लाइब्रेरी (सूची दृश्य में) पर जाकर दाईं ओर "अभी ऑप्टिमाइज़ करें" बटन पर क्लिक करें। 
सामने के अंत में प्रक्रिया सामने के अंत में उपयोगकर्ताओं द्वारा जोड़ी गई छवियों को स्वचालित रूप से अनुकूलित करें। यदि आपके पास ऐसे उपयोगकर्ता हैं जो फ्रंट-एंड में कस्टम फ़ॉर्म से चित्र या पीडीएफ दस्तावेज़ जोड़ते हैं। यह आपके सर्वर पर लोड बढ़ा सकता है यदि आपके पास बहुत सारे उपयोगकर्ता एक साथ जुड़े हुए हैं।

लाइटस्पीड कैश

इस प्लगइन का उपयोग केवल तभी किया जाना चाहिए जब आपके पास एक Litespeed सर्वर हो। यह नाटकीय रूप से प्रतिक्रिया समय को कम करता है।

कैश पर जाएं और "कैश कंट्रोल सेटिंग्स" पर सभी सेटिंग्स को सक्षम करें। समान रूप से कैश कंट्रोल सेटिंग सक्षम करें। अधिक जानकारी के लिए आपको जाना चाहिए Litespeed वेबसाइट।

facebook पर साझा करें
फेसबुक
twitter पर साझा करें
ट्विटर
linkedin पर साझा करें
लिंक्डइन
इस लेख में: