எப்படி சுருக்கப்பட்ட 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.

அசல் அளவு: 354. குறைந்தபட்ச அளவு: 272. சேமிப்பு: 82 (23.16%).

பல வலை டெவலப்பர்கள் மற்றும் தள உரிமையாளர்கள் JS மற்றும் CSS கோப்புகளுக்கு மட்டுமே மினிஃபிகேஷனை முன்பதிவு செய்கிறார்கள், ஆனால் இந்த காலாவதியான நடைமுறை தவறு. HTML மினிஃபிகேஷனும் முக்கியம்.



2000 களில், மினிஃபிகேஷன் கருவிகள் அரிதாக இருந்தன. ஏதாவது மாற்றப்படும் ஒவ்வொரு முறையும் நீங்கள் கோப்புகளை கைமுறையாக குறைக்க வேண்டும். JS மற்றும் CSS கோப்புகளை விட HTML கோப்புகள் அடிக்கடி மாறுவதால், ஒவ்வொரு முறையும் குறைக்க மிகவும் கடினமாக இருந்தது. இப்போதெல்லாம், இது ஒரு முக்கியப் புள்ளி.

சுருக்கம்

பயனர்கள் உங்கள் வலைத்தளத்தைப் பார்வையிடும்போது, ​​அவர்கள் HTTP நெறிமுறையைப் பயன்படுத்தி அவ்வாறு செய்கிறார்கள். உலாவி உங்கள் வலை சேவையகத்திற்கு ஒரு குறிப்பிட்ட பக்கத்திற்கான கோரிக்கையை அனுப்புகிறது, உங்கள் வலை சேவையகம் பக்கத்தைக் கண்டுபிடித்து, பின்னர் அந்தப் பக்கத்தின் உள்ளடக்கங்களை மீண்டும் பார்வையாளரின் உலாவிக்கு அனுப்புகிறது.



ஆனால் HTTP நெறிமுறை சுருக்கத்தை ஆதரிப்பதால், உங்கள் வலை சேவையகம் பார்வையாளருக்கு அனுப்புவதற்கு முன் பக்கத்தை சுருக்கலாம் (உங்கள் சேவையக அமைப்புகளில் அமுக்கம் இயக்கப்பட்டதாகக் கருதினால்), பின்னர் பார்வையாளரின் உலாவி பக்கத்தை அதன் அசல் நிலைக்குத் திரும்பச் செய்யலாம்.

மிகவும் பொதுவான சுருக்க திட்டம் ஜிசிப் , இது ஒரு கோப்பு வடிவமாகும் இழப்பற்ற சுருக்க வழிமுறை DEFLATE என்று அழைக்கப்படுகிறது.

அல்காரிதம் 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 மினிஃபையர் அடிப்படை அமைப்புகளுடன் ஒரு கோப்பின் அளவை சுமார் 3 சதவீதம் குறைக்கலாம். விருப்ப மேம்பட்ட அமைப்புகளுடன், ஒரு HTML கோப்பை மற்றொரு 3 முதல் 7 சதவிகிதம் வரை குறைக்கலாம், இது 10 சதவிகிதம் வரை சாத்தியமான குறைப்பு ஆகும். இது நேரடியாக வேகமான பக்க ஏற்ற நேரங்களாக மொழிபெயர்க்கப்படுகிறது.

    குறைவான அலைவரிசை பயன்படுத்தப்பட்டது

    உங்களிடம் 10 கோப்புகள் உள்ளன என்று வைத்துக்கொள்வோம், ஒவ்வொன்றும் 50 KB முதல் 45 KB வரை சுருக்கப்பட்டு 50 KB ஆக சுருங்குகிறது. உங்கள் வலைத்தளம் ஒவ்வொரு நாளும் சராசரியாக 1,000 பார்வையாளர்களுக்கு சேவை செய்கிறது என்று வைத்துக்கொள்வோம், அங்கு ஒவ்வொரு வருகையும் சராசரியாக பத்து பக்கங்கள். HTML மினிஃபிகேஷன் மட்டுமே உங்கள் அலைவரிசை பயன்பாட்டை ஒரு நாளைக்கு 50 எம்பி குறைக்கிறது (மாதத்திற்கு 1.5 ஜிபி).

    சுருக்கம் + குறைத்தல்

    நீங்கள் பார்க்கிறபடி, HTML மினிஃபிகேஷன் தானாகவே பயனுள்ளதாக இருக்கும், குறிப்பாக உங்கள் தளம் பெரிதாக வளரும்போது, ​​கோப்புகள் பெரிதாகி, போக்குவரத்து அதிகரிக்கிறது. குறிப்பு கூகிளின் பேஜ்ஸ்பீட் வழிகாட்டுதல்கள் HTML ஐ குறைக்க பரிந்துரைக்கிறோம், எனவே உங்களுக்கு சந்தேகம் இருந்தால், இல்லையெனில் அது உங்களை நம்ப வைக்கட்டும்.

    நான் எந்த கணினி பகுதியை மேம்படுத்த வேண்டும்

    ஆனால் HTML தேர்வுமுறையின் சிறப்பம்சம் என்னவென்றால், நீங்கள் மினிஃபிகேஷன் அல்லது சுருக்கத்தை தேர்வு செய்ய வேண்டியதில்லை. நீங்கள் இரண்டையும் செய்யலாம்! உண்மையில், நீங்கள் வேண்டும் இரண்டையும் செய்.

    சராசரியாக, GZIP சுருக்கமானது ஒரு HTML கோப்பை 70 முதல் 90 சதவிகிதம் சுருக்கிவிடும் என்று எதிர்பார்க்கலாம். மேலே உள்ள உதாரணத்தை ஒரு பழமைவாத சுருக்க மதிப்பீட்டைப் பயன்படுத்தி, சிறிய HTML கோப்புகள் ஒவ்வொன்றும் 45 KB லிருந்து 13.5 KB வரை செல்லும், மொத்த சுருக்கம் 365 KB. ஒப்பிடப்படாத/சுருக்கப்படாத ஒப்பிடும்போது, ​​உங்கள் தளத்தின் அலைவரிசை இப்போது ஒரு நாளைக்கு 365 எம்பி குறைக்கப்படுகிறது (மாதத்திற்கு 11 ஜிபி).

    அலைவரிசை சேமிப்பின் மேல், ஒவ்வொரு பக்கமும் வியத்தகு முறையில் வேகமாக ஏற்றப்படும், ஏனெனில் இறுதி பயனரின் உலாவி ஒரு பக்கத்திற்கு 50 KB க்கு எதிராக 13.5 KB ஐ மட்டுமே பதிவிறக்கம் செய்ய வேண்டும்.

    HTML ஐ எவ்வாறு சுருக்கவும் மற்றும் குறைக்கவும்

    அதிர்ஷ்டவசமாக, இந்த நாட்களில் மிகவும் கடினம் அல்ல, அவற்றை அமைப்பதற்கு உங்களுக்கு அதிக தொழில்நுட்ப அறிவு தேவையில்லை.

    வேர்ட்பிரஸ் செருகுநிரல்கள்

    நீங்கள் ஒரு வேர்ட்பிரஸ் தளத்தை இயக்குகிறீர்கள் என்றால், நீங்கள் செய்ய வேண்டியது ஒரு செருகுநிரலை நிறுவுதல் மற்றும் சுருக்க மற்றும் சிறுநீக்கம் ஆகிய இரண்டின் நன்மைகளையும் நீங்கள் பெறலாம்.

    பெரும்பாலான கேச்சிங் செருகுநிரல்கள் வெறுமனே கேச் பக்கங்களை விட அதிகம் செய்கின்றன. உதாரணத்திற்கு, WP வேகமான கேச் மற்றும் W3 மொத்த கேச் இரண்டிலும் ஒரு கிளிக் அமைப்புகள் உள்ளன, அவை HTML மினிஃபிகேஷன் மற்றும் GZIP சுருக்கத்தை இயக்க அனுமதிக்கிறது, மற்ற அம்சங்களுக்கிடையில் பக்க சுமைகளை மேலும் வேகப்படுத்தி அலைவரிசை பயன்பாட்டைக் குறைக்கிறது.

    நீங்கள் என்றால் மட்டும் மினிஃபிகேஷன் வேண்டும், நாங்கள் பரிந்துரைக்கிறோம் HTML ஐ குறைக்கவும் சொருகு. எளிய

    http:

    மற்றும்

    https:

    URL களில் இருந்து).

    நிலையான HTML மினிஃபையர்கள்

    உங்கள் HTML கோப்புகள் நிலையானதாக இருந்தால், (அதாவது CMS அல்லது வலை கட்டமைப்பால் மாறும் வகையில் உருவாக்கப்படவில்லை), நீங்கள் இரண்டு செட் HTML கோப்புகளைப் பராமரிக்கலாம்: ஒரு 'ஆதாரம்' தொகுப்பு, எளிதில் திருத்துவதற்கு unminified மற்றும் ஒரு 'minified' தொகுப்பு, நீங்கள் எப்போது வேண்டுமானாலும் ஒரு மூலக் கோப்பில் மாற்றத்தை உருவாக்கலாம்.

    குறைக்க, இந்த கருவிகளில் ஒன்றைப் பயன்படுத்தவும்:

    நீங்கள் வேர்ட்பிரஸ் போன்ற சிஎம்எஸ்ஸிலிருந்து விலகி இப்போது நிலையான தள ஜெனரேட்டர்களைப் பயன்படுத்தினால் இது ஒரு சாத்தியமான நுட்பமாகும்.

    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

    உங்கள் வலைத்தளத்தில் அமுக்கம் வேலை செய்கிறதா என்று உறுதியாக தெரியவில்லையா? இந்தக் கருவியைக் கொண்டு சோதிக்கவும் .

    இறுதி செயல்திறனுக்காக, நீங்களும் செய்ய வேண்டும் உங்கள் CSS ஐ எவ்வாறு சரிபார்க்கலாம், சுத்தம் செய்யலாம் மற்றும் மேம்படுத்தலாம் என்பதைப் பற்றி அறிக .

    பகிர் பகிர் ட்வீட் மின்னஞ்சல் நீங்கள் உடனடியாக விண்டோஸ் 11 க்கு மேம்படுத்த வேண்டுமா?

    விண்டோஸ் 11 விரைவில் வருகிறது, ஆனால் நீங்கள் விரைவில் புதுப்பிக்க வேண்டுமா அல்லது சில வாரங்கள் காத்திருக்க வேண்டுமா? நாம் கண்டுபிடிக்கலாம்.

    அடுத்து படிக்கவும்     தொடர்புடைய தலைப்புகள்
    • நிரலாக்க
    • HTML
    • இணைய மேம்பாடு
    எழுத்தாளர் பற்றி ஜோயல் லீ(1524 கட்டுரைகள் வெளியிடப்பட்டன)

    ஜோயல் லீ 2018 முதல் MakeUseOf இன் தலைமை ஆசிரியராக உள்ளார். அவருக்கு பி.எஸ். கணினி அறிவியலில் மற்றும் ஒன்பது ஆண்டுகளுக்கும் மேலாக தொழில்முறை எழுத்து மற்றும் எடிட்டிங் அனுபவம்.

    ஜோயல் லீயின் மேலும்

    எங்கள் செய்திமடலுக்கு குழுசேரவும்

    தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

    குழுசேர இங்கே சொடுக்கவும்