HTML, CSS और JavaScript को Autoptimize करने वाले Plugin का उपयोग कैसे करें

यदि यह इतनी जल्दी लोड हो जाता है तो Google और अन्य खोज इंजन आपकी वेबसाइट को मूल्य देते हैं। क्योंकि किसी भी दर्शक के पास आपकी सामग्री को देखने के लिए लंबे समय तक इंतजार करने के लिए कई रोगी नहीं हैं और आपका ध्यान खींचने के लिए आपके पास सिर्फ 1.5 सेकंड का समय है। यदि आपकी साइट को खोलने में लंबा समय लगता है, तो आप आमतौर पर अपने दर्शकों को खो देते हैं। तो, अपनी वेबसाइट को गति देने के लिए यह आवश्यक है। ऐसे कई तरीके हैं जिनसे आप अपनी साइट को ऑप्टिमाइज़ कर सकते हैं। लेकिन सबसे महत्वपूर्ण भागों में से एक है HTML, CSS और JavaScript को छोटा करें.


अगर आपने कभी स्पीड टेस्ट किया Google पेजस्पीड या GTmetrix, आप शायद उस विकल्प को देखें.

बहुत सी फाइलों के साथ हर वेबसाइट में HTML, CSS और JavaScript मौजूद हैं। और अधिकांश फाइलों में बहुत सारी जगह, टिप्पणियां, ब्लॉक सीमांकक आदि शामिल हैं, इसलिए, ठीक से लोड होने में अतिरिक्त समय लगता है.

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

Minify क्या है और यह क्यों फायदेमंद है?

minification एक प्रोग्रामिंग भाषा है जो अपनी कार्यक्षमता को बदले बिना सभी अनावश्यक वर्णों को स्रोत कोड से हटा देती है। इन अनावश्यक चरित्रों में आमतौर पर “सफेद अंतरिक्ष वर्ण, नई पंक्ति वर्ण, टिप्पणियाँ, तथा सीमांकक ब्लॉक करें ”. 

पहले और बाद में छोटा करें

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

HTML, CSS और जावास्क्रिप्ट को छोटा कैसे करें

HTML, CSS को Minify करने के दो तरीके हैं & जावास्क्रिप्ट। या तो आप अपने थीम कोड को संपादित करके कर सकते हैं या आप एक वर्डप्रेस प्लगइन का उपयोग कर सकते हैं, जिसे कहा जाता है Autoptimize. इस लेख में, हम आपको दोनों प्रक्रिया के बारे में बताएंगे HTML, CSS और जावास्क्रिप्ट को छोटा कैसे करें.

सटीक HTML, CSS या जावास्क्रिप्ट फ़ाइल जो समस्या का कारण बन रही है, यह जानने के लिए, आपको इसे किसी भी साइट स्पीड टेस्ट टूल की तरह जांचना होगा Google पेजस्पीड टूल या GTmetrix. क्योंकि आपकी सभी फ़ाइलों में इस प्रकार के अनावश्यक वर्ण नहीं हैं.

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

सीएसएस, जावास्क्रिप्ट को छोटा करना

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

कुछ ऑनलाइन टूल हैं जिनके द्वारा आप HTML, CSS और JavaScript कोड को छोटा कर सकते हैं. 

इससे पहले कि आप कोई बदलाव करें, उस फ़ाइल का बैकअप लें.

# 1 कोड छोटा करें:

कोड टूल को छोटा करें

कोड छोटा करें एक सभी एक न्यूनतम उपकरण में है। यह आपके जावास्क्रिप्ट, सीएसएस और HTML कोड को छोटा कर सकता है। आपको बस HTML या CSS या JavaScript कोड को कॉपी करके यहां पेस्ट करना होगा। फिर पर क्लिक करें छोटा करना विकल्प। यह उपकरण स्वचालित रूप से आपके कोड को छोटा करता है। इसके बाद उस फाइल में मिनिफाई कोड कॉपी कर लें.

आप उस टूल के साथ अपने सीएसएस और जावास्क्रिप्ट कोड को HTML कोड की तरह छोटा भी कर सकते हैं.

# २ Willpeavy:

Willpeavy

विलपिएवी एक और महान उपकरण है HTML को छोटा करें कोड। यह टूल उसी तरह से काम करता है जैसे कि मिनिफाई कोड करता है। यह HTML और किसी भी CSS या JS को आपके मार्कअप में शामिल करता है। इस टूल का उपयोग करने के लिए, आपको बस यहां अपना कोड कॉपी करना होगा और Minify पर क्लिक करना होगा.

Autoptimize Plugin का उपयोग करके Minify करें

Autoptimize

यदि आप ऐसे कोडिंग से परिचित नहीं हैं, तो एक प्लगइन का उपयोग करना बेहतर है और शुरुआती लोगों के लिए अनुशंसित है। तो यहाँ आता है प्लगइन को अपनाना के लिये वर्डप्रेस उपयोगकर्ताओं.

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

सिफारिश सेटिंग्स को अपनाना

आप आसानी से प्लगइन सेटिंग्स से सभी सामान कर सकते हैं। इस प्लगइन को सक्रिय करने के बाद, पर जाएँ समायोजन> Autoptimize.  “उन्नत सेटिंग दिखाएं” बटन पर क्लिक करें.

में एचटीएमएल अनुभाग, तेज प्रदर्शन के लिए “HTML कोड का अनुकूलन करें” और “HTML टिप्पणियों को रखें” जांचें.

HTML विकल्प चुनें

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

में सीएसएस अनुभाग, “सीएसएस कोड ऑप्टिमाइज़ करें”, “इनलाइन सीएसएस को भी सक्षम करें”। यदि आपने सीएसएस को छोटा किया है तो आप “इनलाइन और डीफ़र सीएसएस” को भी सक्षम कर सकते हैं। अपने CSS को छोटा करने और बॉक्स में पेस्ट करने के लिए इस टूल को आज़माएं.

सीएसएस विकल्प को अपनाना

अपना भरें CDN “CDN बेस URL” फ़ील्ड में URL। उदाहरण के लिए, example //cdn.example.com/ ‘.

और अंतिम, “एकत्रित स्क्रिप्ट / सीएसएस को स्थिर फ़ाइल के रूप में सहेजें” सक्षम करें। लेकिन सुनिश्चित करें, आपका वेबसर्वर कंप्रेशन और एक्सपायरी को ठीक से हैंडल कर सकता है.

CDN विकल्प को अपनाना

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

निष्कर्ष

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

यदि यह ट्यूटोरियल HTML, CSS और JavaScript को छोटा करने में मदद करता है, तो कृपया इस लेख को साझा करें फेसबुक, ट्विटर, गूगल+.

संबंधित आलेख,

  • वर्डप्रेस पर उत्तोलन ब्राउज़र कैशिंग कैसे करें
  • WP-Sweep का उपयोग करके वर्डप्रेस डेटाबेस का अनुकूलन कैसे करें
  • वर्डप्रेस 2017 के लिए 7 सर्वश्रेष्ठ छवि ऑप्टिमाइज़र
  • कैसे आसानी से WordPress के लिए तेज़ लोड में Gzip संपीड़न सक्षम करें
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map