కొత్త చిత్రం HTML కోడ్ మీ వెబ్సైట్ వేగంగా లోడ్ చేయగలదు

విషయ సూచిక:

Anonim

కొత్త చిత్రం HTML మూలకం ప్రతిస్పందించే చిత్రాల గురించి, మరియు పట్టుకుని ప్రదర్శించబడటానికి సరైన పరిమాణపు చిత్రం వలె బ్రౌజర్ను నిర్దేశిస్తుంది

మీ వ్యాపార వెబ్సైట్లో వెబ్ మరింత దృశ్యమానంగా మరియు గొప్ప చిత్రంగా మారిందని మీరు విన్నాను.

కానీ ఆ చిత్రాలు మీ వెబ్సైట్ సందర్శకుల యొక్క శాపంగా ఉండవచ్చు. సగటు వెబ్ పుటలో 1.7MB నుండి 1MB కోసం చిత్రాలు ఖాతా.

$config[code] not found

అధిక-వేగం ఇంటర్నెట్ కనెక్షన్లను ఉపయోగించి మీ సందర్శకులకు డెస్క్టాప్ కంప్యూటర్లలో ఇది చాలా సమస్యగా ఉండకపోవచ్చు. అయినప్పటికీ, మీరు మొబైల్ సందర్శకుల నుండి అధిక ట్రాఫిక్ చూడటం లేదా చూడాలనుకుంటే, ఆ చిత్రాలు ఒక సమస్య కావచ్చు. ఇమేజ్-హెవీ వెబ్ పుటలు డౌన్లోడ్ చేసుకోవటానికి ఎక్కువ సమయం పట్టవచ్చు. సందర్శకులు నిరుత్సాహపడతారు మరియు మీ సైట్ను వదిలివేస్తారు.

మీరు అన్ని మీ మొబైల్ సమస్యలను పరిష్కరిస్తారని ఆలోచిస్తూ, ప్రతిస్పందించే వెబ్ డిజైన్ను అమలు చేసి ఉండవచ్చు. మరియు ప్రతిస్పందించే వెబ్ డిజైన్ కొన్ని సమస్యలను పరిష్కరిస్తుంది నిజం. ఇది స్వయంచాలకంగా ఏర్పాటు మరియు మీ సైట్ అంశాలు చిన్న, సన్నని మొబైల్ తెరలు వీక్షించడానికి ప్రదర్శిస్తుంది.

కానీ ప్రతిస్పందించే వెబ్ డిజైన్ ప్రతిదీ సమాధానం కాదు. ఇది తప్పనిసరిగా చిత్రం డౌన్లోడ్ సమస్యను పరిష్కరించదు. కూడా ప్రతిస్పందించే డిజైన్ తో, అనేక సార్లు ఆ హెవీవెయిట్ చిత్రాలు ఇప్పటికీ ఏమైనప్పటికీ డౌన్లోడ్. వెబ్ పెర్ఫార్మెన్స్ స్పెషలిస్ట్ యోవ్ వీస్ కంప్లీట్గా ఓపెరా వెబ్సైట్లో ఎత్తి చూపిన విధంగా:

"ప్రతిస్పందించే వెబ్ డిజైన్ RWD వాటిని ప్రదర్శించే పరికరానికి అనుగుణంగా వెబ్సైట్లను సృష్టించడానికి కొత్త బ్రౌజర్ సామర్థ్యాలను మరియు CSS పద్ధతులను కలిపి, ప్రతిచోటా ఆదర్శాన్ని చూడండి. ఇది డెవలపర్లు అవిశ్వసనీయ పరికర గుర్తింపును గురించి చింతించడాన్ని నిలిపివేయడానికి మరియు వీక్షణపోర్ట్ పరిమాణాల దృష్ట్యా వాటి వెబ్సైట్లను ఆలోచించడాన్ని ప్రారంభించింది.

కానీ, ప్రతి పరికరంలో RWD సైట్లు విభిన్నంగా కనిపిస్తున్నప్పటికీ, వాటిలో చాలామంది అన్ని పరికరాల కోసం అదే వనరులను డౌన్లోడ్ చేసుకున్నారు. " కొత్త

HTML కోడ్ మూలకం ఆ మార్చవచ్చు.

చిత్రం ఎలిమెంట్ ఏమిటి?

మీకు HTML కోడ్ గురించి ఏదైనా తెలియకపోతే, సాంకేతికత కాని నిర్వచనం: ఇది ఒక ప్రత్యేక భాష. మీ వెబ్ సైట్ కోడ్లో తెర వెనుక ఉపయోగించినప్పుడు, ఈ భాష పాఠం మరియు చిత్రాలను ఎలా ప్రదర్శించాలి అనేదానికి సూచనలను ఇస్తుంది.

కొత్త పిక్చర్ ఎలిమెంట్ అనేది HTML మార్కప్ లాంగ్వేజ్ రకం. ఇది ఇలా వ్రాయబడింది (రెస్పాన్సివ్ చిత్రాలు కమ్యూనిటీ గ్రూప్ ప్రకారం): చిత్రం మూలకం ప్రతిస్పందించడానికి ఉంది చిత్రాలు, ప్రతిస్పందించలేదు.

రూపకల్పన

సాంకేతిక-కాని వ్యాపార వ్యక్తులకు, వ్యత్యాసం చిన్నది అనిపించవచ్చు. కానీ మొబైల్ పరికరాల్లో మీ సైట్ పనితీరు విషయానికి వస్తే, అది గణనీయమైనది కావచ్చు. ఒక ArsTechnica నివేదిక ప్రకారం, కొత్త మార్కప్ మూలకం మొబైల్ పరికరాలు బాగా అనువదించడానికి లేని పూర్తి పరిమాణ మానిటర్ - చిత్రాలు చూడవచ్చు చిత్రాలను కారణంగా సమస్యలు చిరునామాలు. ది

మార్కప్ కోడ్ ఫైర్ఫాక్స్ వంటి వెబ్ బ్రౌజర్లు కుడి మరియు లోడ్ (చదవడానికి: చిన్నది) చిత్రాలను చెబుతుంది:

"బ్రౌజర్ చిత్రం మూలకాన్ని ఎదుర్కొన్నప్పుడు, ఇది మొదట వెబ్ డెవలపర్ పేర్కొనే ఏ నియమాలను మదింపు చేస్తుంది. *** అప్పుడు, వివిధ నియమాలను మూల్యాంకనం చేసిన తరువాత, బ్రౌజర్ తన సొంత ప్రమాణాల ఆధారంగా ఉత్తమ చిత్రం ఎంపిక చేస్తుంది. బ్రౌజర్ యొక్క ప్రమాణం మీ సెట్టింగులను కలిగి ఉన్నందున ఇది మరొక మంచి లక్షణం. ఉదాహరణకు, భవిష్యత్ బ్రౌజర్లు పేజీలో ఉన్న ఎటువంటి పిక్చర్ మూలకంతో సంబంధం లేకుండా, 3G కంటే ఎక్కువ లోడ్ చేయకుండా ఉన్న అధిక-res చిత్రాలు ఆపడానికి ఒక ఎంపికను అందిస్తాయి. బ్రౌజర్ ఉత్తమ ఎంపిక ఇది చిత్రం తెలుసు ఒకసారి, అది నిజానికి లోడ్ మరియు ఒక మంచి పాత img మూలకం ఆ చిత్రం ప్రదర్శిస్తుంది. … ఏమి జరుగుతుంది చిత్రం ఒక img ట్యాగ్ మూటగట్టి ఉంది. బ్రౌజర్ ఏమి చేయాలో తెలుసుకోవడానికి చాలా పాతది ఉంటే

మూలకం, అప్పుడు అది తిరిగి img ట్యాగ్ లోడుచేస్తుంది. Alt లక్షణం ఇప్పటికీ img అంశం మీద ఉన్నందున అన్ని సౌలభ్య ప్రయోజనాలు మిగిలి ఉన్నాయి. " అన్ని డెవలపర్లు మొదటి వద్ద కొత్త చిత్రం మూలకం అంగీకరించలేదు. ఆర్స్ టెక్నికా కథ వెబ్ అభివృద్ధి సమాజంలో నాయకులు ఎక్కడ వెళ్ళారో అక్కడికి వెళ్ళే ప్రక్రియను తెలియజేస్తుంది

$config[code] not found

మూలకం నేడు నిలుస్తుంది. అలాగే ఇండీగోగోలో గిటారు వాయిస్ వేస్ నటించిన విజయవంతమైన ప్రచార కార్యక్రమాన్ని కూడా నిర్వహించారు.

కానీ ఇప్పుడే సమస్య పరిష్కారం అయింది, కొత్త చిత్రం HTML మూలకం స్వీకరించబడింది. కీ పాయింట్లు గురించి

మూలకం ది

మార్కప్ ఎలిమెంట్ మీకు సమీపంలో ఉన్న బ్రౌజర్కు త్వరలో వస్తుంది. 2014 నాటికి అది మద్దతు మరియు క్రోమ్ మరియు ఫైర్ఫాక్స్ బ్రౌజర్లలో డిఫాల్ట్గా ఆన్ చేయబడుతుందని భావిస్తున్నారు. Opera కూడా మార్గంలో ఉంది. ఆపిల్ చే సఫారి బ్రౌజర్ యొక్క సరికొత్త సంస్కరణ కూడా రచనల్లో కనిపిస్తుంది. మైక్రోసాఫ్ట్ ఇంటర్నెట్ ఎక్స్ప్లోరర్ కోసం దీనిని "పరిగణనలోకి తీసుకుంటోంది" అని ArsTechnica తెలిపింది. వ్యాపార ప్రజలు, తెలిసిన ఒక ముఖ్యమైన విషయం అని

మార్కప్ మీ వెబ్సైట్ను వేగవంతం చేస్తుంది, ముఖ్యంగా మొబైల్ పరికరాల్లో. అది మీ సైట్ సందర్శకులకు మంచిది.

చిత్రాలు అమలు చిత్రం HTML మూలకం మీ వెబ్ డెవలపర్ చర్చించడానికి ఏదో ఉంది. సాంకేతికంగా ఆలోచనాత్మకమైనది మరియు డో-అది-యువర్స్లు ఇక్కడ చిత్రాన్ని ఎలిమెంట్ ఎలా ఉపయోగించాలో తెలుసుకోవడానికి ఇక్కడకు వెళ్ళవచ్చు. ఇది స్కాట్ గిల్బెర్త్సన్ చేత అద్భుతమైన వ్రాతగా ఉంది. అమలు చేయడానికి సంకోచించకండి

ఇప్పుడు మీ వెబ్సైట్ కోడ్ లో మార్కప్. ఒక బ్రౌజర్ ప్రోగ్రామ్ కొత్త మార్కప్ను అర్థం చేసుకోకపోయినా, ప్రామాణిక HTML చిత్ర ట్యాగ్లను ఉపయోగించటానికి ఫాల్బ్యాక్ ఆదేశం ఉంది, Gilbertson రాశారు.

చిత్రాలు: Shutterstock; RICG