మీరు ఒక వెబ్సైట్ను రన్ చేస్తే, ఎలా చేయాలో మీకు ఇప్పటికే తెలిసి ఉండాలి సరైన చిత్ర ఆకృతులను ఉపయోగించండి మరియు వెబ్ కోసం మీ చిత్రాలను ఆప్టిమైజ్ చేయండి. ఇమేజ్ కంప్రెషన్ ఒక ప్రసిద్ధ అభ్యాసం అయితే, 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 ప్రోటోకాల్ కంప్రెషన్కు మద్దతు ఇస్తుంది కాబట్టి, మీ వెబ్ సర్వర్ పేజీని సందర్శకుడికి పంపే ముందు కంప్రెస్ చేయవచ్చు (మీ సర్వర్ సెట్టింగులలో కంప్రెషన్ ఎనేబుల్ చేయబడిందని ఊహించుకోండి), ఆపై సందర్శకుల బ్రౌజర్ పేజీని తిరిగి యథాతథ స్థితికి తీసుకువెళుతుంది.
అత్యంత సాధారణ కుదింపు పథకం GZIP , ఇది 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 అవసరం. ఈ రోజుల్లో CPU పెద్దగా ఆందోళన కలిగించనందున, మీరు ఎంట్రీ లెవల్ వెబ్ హోస్టింగ్ కలిగి ఉన్నప్పటికీ, లేకుండా పోవడం కంటే GZIP ని ఎనేబుల్ చేయడం ఎల్లప్పుడూ మంచిది.
మీరు ఎందుకు కంప్రెస్ చేయాలి మరియు తగ్గించాలి
నేటి మొబైల్-హెవీ వెబ్ ల్యాండ్స్కేప్లో రెండు ప్రధాన ప్రయోజనాలు ఉన్నాయి.
వేగవంతమైన పేజీ లోడ్లు
సగటున, ఒక HTML మినిఫైయర్ ప్రాథమిక సెట్టింగ్లతో ఫైల్ పరిమాణాన్ని దాదాపు 3 శాతం తగ్గించగలదు. ఐచ్ఛిక అధునాతన సెట్టింగ్లతో, ఒక HTML ఫైల్ను మరో 3 నుండి 7 శాతం వరకు తగ్గించవచ్చు, 10 శాతం వరకు తగ్గించవచ్చు. ఇది నేరుగా వేగవంతమైన పేజీ లోడ్ సమయాల్లోకి అనువదిస్తుంది.
తక్కువ బ్యాండ్విడ్త్ ఉపయోగించబడింది
మీరు 10 ఫైల్స్ కలిగి ఉన్నారని అనుకుందాం, ఒక్కొక్కటి 50 KB నుండి 45 KB వరకు తగ్గిస్తుంది. మీ వెబ్సైట్ ప్రతిరోజూ సగటున 1,000 మంది సందర్శకులకు సేవలు అందిస్తుందని చెప్పండి, ఇక్కడ ప్రతి సందర్శన సగటున పది పేజీలు ఉంటుంది. కేవలం HTML మినిఫికేషన్ మీ బ్యాండ్విడ్త్ వినియోగాన్ని రోజుకు 50 MB (నెలకు 1.5 GB) తగ్గిస్తుంది.
కుదింపు + కనిష్టీకరణ
మీరు చూడగలిగినట్లుగా, HTML మినిఫికేషన్ దానికదే ఉపయోగకరంగా ఉంటుంది, ప్రత్యేకించి మీ సైట్ పెద్దగా పెరిగే కొద్దీ, ఫైల్లు పెద్దవి అవుతాయి మరియు ట్రాఫిక్ పెరుగుతుంది. అది గమనించండి Google యొక్క పేజ్స్పీడ్ మార్గదర్శకాలు HTML ని తగ్గించమని సిఫార్సు చేయండి, కనుక మీకు సందేహం ఉంటే, అది మిమ్మల్ని ఒప్పిస్తుంది.
ఒక గూగుల్ డ్రైవ్ నుండి మరొకదానికి బదిలీ చేయండి
కానీ HTML ఆప్టిమైజేషన్లో గొప్ప విషయం ఏమిటంటే మీరు మినిఫికేషన్ లేదా కంప్రెషన్ను ఎంచుకోవలసిన అవసరం లేదు. మీరు రెండూ చేయవచ్చు! నిజానికి, మీరు ఉండాలి రెండూ చేయండి.
సగటున, GZIP కంప్రెషన్ ఒక HTML ఫైల్ను 70 నుండి 90 శాతం వరకు తగ్గిస్తుందని మీరు ఆశించవచ్చు. సాంప్రదాయిక కుదింపు అంచనాతో పైన ఉన్న ఉదాహరణను ఉపయోగించి, కనిష్టీకరించిన HTML ఫైళ్లు ఒక్కొక్కటి 45 KB నుండి 13.5 KB కి వెళ్తాయి, మొత్తం 365 KB సంకోచం కోసం. అపరిమితమైన/సంపీడనంతో పోలిస్తే, మీ సైట్ బ్యాండ్విడ్త్ ఇప్పుడు రోజుకు 365 MB (నెలకు 11 GB) తగ్గించబడింది.
మరియు బ్యాండ్విడ్త్ పొదుపు పైన, ప్రతి పేజీ నాటకీయంగా వేగంగా లోడ్ అవుతుంది ఎందుకంటే తుది వినియోగదారు బ్రౌజర్ ప్రతి పేజీకి 50 KB కి వ్యతిరేకంగా 13.5 KB మాత్రమే డౌన్లోడ్ చేసుకోవాలి.
HTML ని ఎలా కంప్రెస్ చేయాలి మరియు కనిష్టీకరించాలి
అదృష్టవశాత్తూ, ఈ రోజుల్లో చాలా కష్టం కాదు, మరియు వాటిని సెటప్ చేయడానికి మీకు చాలా సాంకేతిక పరిజ్ఞానం అవసరం లేదు.
WordPress ప్లగిన్లు
మీరు ఒక WordPress సైట్ను రన్ చేస్తే, మీరు చేయాల్సిందల్లా ఒక ప్లగ్ఇన్ను ఇన్స్టాల్ చేయడమే మరియు మీరు కంప్రెషన్ మరియు మినిఫికేషన్ రెండింటి ప్రయోజనాలను పొందవచ్చు.
చాలా క్యాషింగ్ ప్లగిన్లు కాష్ పేజీల కంటే ఎక్కువ చేస్తాయి. ఉదాహరణకి, WP వేగవంతమైన కాష్ మరియు W3 మొత్తం కాష్ రెండూ ఒకే క్లిక్ సెట్టింగ్లను కలిగి ఉంటాయి, ఇవి HTML మినిఫికేషన్ మరియు GZIP కంప్రెషన్ను ఆన్ చేయడానికి మిమ్మల్ని అనుమతిస్తాయి, పేజీ లోడ్లను మరింత వేగవంతం చేసే మరియు బ్యాండ్విడ్త్ వినియోగాన్ని తగ్గించే ఇతర ఫీచర్లతో పాటు.
ఒకవేళ నువ్వు మాత్రమే మినిఫికేషన్ కావాలి, మేము సిఫార్సు చేస్తున్నాము HTML ని కనిష్టీకరించండి అనుసంధానించు. ఇది చాలా సులభం, HTML/CSS/JS కి మద్దతు ఇస్తుంది, మరియు మీరు మినిఫికేషన్ పద్ధతిని కొద్దిగా సర్దుబాటు చేయడానికి అనుమతిస్తుంది (ఉదా.
http:
మరియు
https:
URL ల నుండి).
స్టాటిక్ HTML మినిఫైయర్లు
మీ HTML ఫైల్లు స్థిరంగా ఉంటే, (అంటే CMS లేదా వెబ్ ఫ్రేమ్వర్క్ ద్వారా డైనమిక్గా ఉత్పత్తి చేయబడలేదు), అప్పుడు మీరు రెండు HTML ఫైల్లను నిర్వహించవచ్చు: 'సోర్స్' సెట్, ఇది సులువుగా ఎడిట్ చేయబడదు మరియు 'మినిఫైడ్' సెట్, మీరు ఎప్పుడైనా ఒక సోర్స్ ఫైల్కి మార్పు చేసినప్పుడు దాన్ని సృష్టించవచ్చు.
తగ్గించడానికి, ఈ టూల్స్లో ఒకదాన్ని ఉపయోగించండి:
- HTML కంప్రెసర్
- HTML మినిఫైయర్
- HTML మినిఫైయర్ (పైన ఉన్నదానికి భిన్నంగా)
మీరు WordPress వంటి CMSes నుండి దూరంగా వెళ్లి ఇప్పుడు స్టాటిక్ సైట్ జనరేటర్లను ఉపయోగిస్తే ఇది ఆచరణీయమైన టెక్నిక్.
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
- వెబ్ అభివృద్ధి
జోయెల్ లీ 2018 నుండి MakeUseOf యొక్క ఎడిటర్ ఇన్ చీఫ్. అతనికి B.S. కంప్యూటర్ సైన్స్ మరియు తొమ్మిది సంవత్సరాల ప్రొఫెషనల్ రైటింగ్ మరియు ఎడిటింగ్ అనుభవం.
జోయెల్ లీ నుండి మరిన్నిమా వార్తాలేఖకు సభ్యత్వాన్ని పొందండి
టెక్ చిట్కాలు, సమీక్షలు, ఉచిత ఈబుక్లు మరియు ప్రత్యేకమైన డీల్స్ కోసం మా వార్తాలేఖలో చేరండి!
సభ్యత్వం పొందడానికి ఇక్కడ క్లిక్ చేయండి