कंप्रेस्ड HTML कैसे काम करता है और आपको इसकी आवश्यकता क्यों पड़ सकती है

कंप्रेस्ड HTML कैसे काम करता है और आपको इसकी आवश्यकता क्यों पड़ सकती है

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





इस लेख में, हम HTML फ़ाइलों को सिकोड़ने की दो मुख्य विधियों पर चर्चा करेंगे, कि HTML फ़ाइलों को क्यों सिकोड़ना चाहिए, और इसके बारे में कैसे जाना है।





संपीड़न बनाम न्यूनतमीकरण

जहाँ तक HTML फ़ाइलों को ऑप्टिमाइज़ करने की बात है, इसके लिए दो मुख्य तरीके हैं: दबाव तथा छोटा करना . वे सतह पर समान लगते हैं, लेकिन वास्तव में दो अलग-अलग तकनीकें हैं, इसलिए उन्हें भ्रमित न करें।





छोटा करना

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

नमूना HTML पृष्ठ:





Your Title Here



Send me mail at support@yourcompany.com .

This is a new paragraph!

This is a new paragraph in bold and italics.

मूल आकार: ३५४. छोटा आकार: २७२. बचत: ८२ (२३.१६%)।

कई वेब डेवलपर और साइट के मालिक केवल JS और CSS फाइलों के लिए मिनिफिकेशन को सुरक्षित रखते हैं, लेकिन यह पुरानी प्रथा एक गलती है। HTML मिनिफिकेशन भी महत्वपूर्ण है।





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

दबाव

जब उपयोगकर्ता आपकी वेबसाइट पर जाते हैं, तो वे HTTP प्रोटोकॉल का उपयोग करके ऐसा करते हैं। ब्राउज़र आपके वेब सर्वर को एक विशिष्ट पृष्ठ के लिए एक अनुरोध भेजता है, आपका वेब सर्वर पृष्ठ को ढूंढता है, फिर उस पृष्ठ की सामग्री को विज़िटर के ब्राउज़र पर वापस भेजता है।





लेकिन चूंकि HTTP प्रोटोकॉल संपीड़न का समर्थन करता है, आपका वेब सर्वर विज़िटर को भेजने से पहले पृष्ठ को संपीड़ित कर सकता है (यह मानते हुए कि आपके सर्वर की सेटिंग में संपीड़न सक्षम है), और फिर विज़िटर का ब्राउज़र पृष्ठ को उसकी मूल स्थिति में वापस डीकंप्रेस कर सकता है।

सबसे आम संपीड़न योजना है जीजेआईपी , जो एक फ़ाइल स्वरूप है जो a . का उपयोग करता है दोषरहित संपीड़न एल्गोरिथ्म डिफ्लेट कहा जाता है।

एल्गोरिथम HTML फ़ाइल में टेक्स्ट की बार-बार होने वाली घटनाओं की तलाश करता है, फिर उन दोहराव वाली घटनाओं को पिछली घटना के संदर्भों से बदल देता है। प्रत्येक संदर्भ केवल दो संख्याएं हैं: संदर्भ कितना पीछे है और हम कितने वर्णों का संदर्भ दे रहे हैं।

इस तरह के टेक्स्ट की एक स्ट्रिंग पर विचार करें (उदाहरण GZIP वेबसाइट से लिया गया है):

Blah blah blah blah blah.

एल्गोरिथ्म निम्नलिखित पुनरावृत्ति को पहचानता है:

B{lah b}{lah b}{lah b}{lah b}lah.

पहली घटना हमारा संदर्भ है, इसलिए इसे छोड़ दें:

Blah b{lah b}{lah b}{lah b}lah.

दूसरी घटना पहली घटना को संदर्भित करती है, जो पाँच वर्ण पीछे और पाँच वर्ण लंबी है:

Blah b[5,5]{lah b}{lah b}lah.

लेकिन इस मामले में, एल्गोरिथ्म पहचानता है कि अगली घटना वर्णों का एक ही क्रम है, इसलिए यह संदर्भ की लंबाई को पांच और बढ़ा देता है:

Blah b[5,10]{lah b}lah.

और फिर:

Blah b[5,15]lah.

और एल्गोरिथ्म यह समझने के लिए पर्याप्त स्मार्ट है कि अगले तीन वर्ण संदर्भ में पहले तीन वर्ण हैं, इसलिए यह तीन तक विस्तारित होता है:

Blah b[5,18].

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

, संबंधित समापन टैग है, जैसे

. इसके अलावा, कई टैग पूरे में दोहराए जाते हैं, जैसे

,

,

,

  • , आदि। विशेषताएँ भी अक्सर दोहराई जाती हैं, जिनमें शामिल हैं

    class

    ,

    href

    , तथा

    src

    . यह देखना आसान है कि HTML के साथ GZIP संपीड़न इतना प्रभावी क्यों है।

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

    आपको संपीड़ित और छोटा क्यों करना चाहिए

    दो मुख्य लाभ हैं, जो दोनों ही आज के मोबाइल-भारी वेब परिदृश्य में महत्वपूर्ण हैं।

    तेज़ पेज लोड

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

    कम बैंडविड्थ प्रयुक्त

    मान लें कि आपके पास १० फाइलें हैं, जिनमें से प्रत्येक को ५० केबी से ४५ केबी तक छोटा किया गया है, कुल ५० केबी की कमी के लिए। और मान लें कि आपकी वेबसाइट पर प्रतिदिन औसतन 1,000 विज़िटर आते हैं, जहां प्रत्येक विज़िट का औसत दस पृष्ठ होता है। अकेले HTML मिनिफिकेशन आपके बैंडविड्थ उपयोग को 50 एमबी प्रति दिन (1.5 जीबी प्रति माह) कम कर देता है।

    संपीड़न + छोटा करना

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

    दोस्तों को पैसे भेजने के लिए ऐप्स

    लेकिन HTML ऑप्टिमाइज़ेशन के बारे में सबसे अच्छी बात यह है कि आपको मिनिफिकेशन या कंप्रेशन को चुनने की ज़रूरत नहीं है। आप दोनों कर सकते हैं! दरअसल, आप चाहिए दोनों करो।

    औसतन, आप उम्मीद कर सकते हैं कि GZIP संपीड़न एक HTML फ़ाइल को 70 से 90 प्रतिशत तक छोटा कर देगा। एक रूढ़िवादी संपीड़न अनुमान के साथ ऊपर दिए गए उदाहरण का उपयोग करते हुए, 365 केबी के कुल संकोचन के लिए, छोटा किया गया HTML फ़ाइलें 45 केबी से 13.5 केबी तक प्रत्येक के लिए जाएंगी। असंपीड़ित/असंपीड़ित की तुलना में, आपकी साइट बैंडविड्थ अब 365 एमबी प्रति दिन (11 जीबी प्रति माह) कम हो गई है।

    और बैंडविड्थ बचत के शीर्ष पर, प्रत्येक पृष्ठ नाटकीय रूप से तेज़ी से लोड होता है क्योंकि अंतिम उपयोगकर्ता के ब्राउज़र को प्रति पृष्ठ केवल 13.5 केबी बनाम 50 केबी डाउनलोड करने की आवश्यकता होती है।

    HTML को कैसे कंप्रेस और छोटा करें

    सौभाग्य से, इन दिनों न तो बहुत कठिन हैं, और आपको उन्हें स्थापित करने के लिए बहुत अधिक तकनीकी जानकारी की आवश्यकता नहीं है।

    वर्डप्रेस प्लगइन्स

    यदि आप एक वर्डप्रेस साइट चलाते हैं, तो आपको केवल एक प्लगइन स्थापित करने की आवश्यकता है और आप कंप्रेशन और मिनिफिकेशन दोनों का लाभ उठा सकते हैं।

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

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

    http:

    तथा

    https:

    यूआरएल से)।

    स्टेटिक एचटीएमएल मिनीफायर

    यदि आपकी HTML फ़ाइलें स्थिर हैं, (अर्थात CMS या वेब फ्रेमवर्क द्वारा गतिशील रूप से उत्पन्न नहीं होती हैं), तो आप HTML फ़ाइलों के दो सेट बनाए रख सकते हैं: एक 'स्रोत' सेट, जो आसान संपादन के लिए अनमिनिफाइड है, और एक 'मिनीफाइड' सेट, जिसे आप किसी भी समय स्रोत फ़ाइल में परिवर्तन करते समय बनाते हैं।

    छोटा करने के लिए, इनमें से किसी एक टूल का उपयोग करें:

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

    GZIP संपीड़न सक्षम करें

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

    FTP का उपयोग करके अपने वेब सर्वर से कनेक्ट करें, फिर एक फ़ाइल बनाएं जिसका नाम है

    .htaccess

    रूट डायरेक्टरी में। निम्नलिखित सेटिंग्स के लिए .htaccess फ़ाइल को संपादित करें:


    mod_gzip_on Yes
    mod_gzip_dechunk Yes
    mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
    mod_gzip_item_include handler ^cgi-script$
    mod_gzip_item_include mime ^text/.*
    mod_gzip_item_include mime ^application/x-javascript.*
    mod_gzip_item_exclude mime ^image/.*
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*


    SetOutputFilter DEFLATE

    सुनिश्चित नहीं हैं कि संपीड़न आपकी वेबसाइट पर काम कर रहा है या नहीं? इस टूल से इसका परीक्षण करें .

    परम दक्षता के लिए, आपको यह भी करना चाहिए अपने सीएसएस को जांचने, साफ़ करने और अनुकूलित करने के तरीके के बारे में जानें .

    साझा करना साझा करना कलरव ईमेल क्या आपको तुरंत विंडोज 11 में अपग्रेड करना चाहिए?

    विंडोज 11 जल्द ही आ रहा है, लेकिन क्या आपको जल्द से जल्द अपडेट करना चाहिए या कुछ हफ्ते इंतजार करना चाहिए? चलो पता करते हैं।

    आगे पढ़िए
    संबंधित विषय
    • प्रोग्रामिंग
    • एचटीएमएल
    • वेब विकास
    लेखक के बारे में जोएल ली(१५२४ लेख प्रकाशित)

    जोएल ली 2018 से MakeUseOf के प्रधान संपादक हैं। उनके पास बी.एस. कंप्यूटर साइंस में और नौ साल से अधिक के पेशेवर लेखन और संपादन का अनुभव।

    जोएल ली . की अन्य फ़िल्में-टीवी शो

    हमारे न्यूज़लेटर की सदस्यता लें

    तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

    सब्सक्राइब करने के लिए यहां क्लिक करें