Ang Bagong Code HTML Code Puwede Gumawa ng Iyong Website Load Mas mabilis

Talaan ng mga Nilalaman:

Anonim

Narinig mo na ang Web ay naging mas visual at mahusay na mga imahe sa iyong website ng negosyo ay mahalaga.

Ngunit ang mga imaheng iyon ay maaaring ang salot ng iyong mga bisita sa website. Ang mga account account para sa 1MB mula sa 1.7MB ang karaniwang web page ay naglalaman.

Maaaring hindi ito isang problema para sa iyong mga bisita sa mga desktop computer gamit ang mga koneksyon sa Internet na may mataas na bilis. Gayunpaman, kung nakikita mo o gusto mong makita ang mas mataas na trapiko mula sa mga mobile na bisita, ang mga larawang iyon ay maaaring maging isang isyu. Ang mga pahina ng web-heavy Web ay maaaring tumagal ng mahabang oras upang i-download. Ang mga bisita ay nabigo at iniwan ang iyong site.

$config[code] not found

Maaaring ipinatupad mo ang isang tumutugon sa disenyo ng Web, iniisip na malulutas nito ang lahat ng iyong mga mobile na problema. At totoo na ang isang tumutugon na disenyo ng Web ay malulutas sa ilang mga problema. Ito ay awtomatikong nag-aayos at nagpapakita ng mga elemento ng iyong site upang matingnan sa mas maliit, mas makitid na mga screen ng mobile.

Ngunit ang tumutugon sa disenyo ng Web ay hindi ang sagot sa lahat. Hindi kinakailangang malutas ang isyu sa pag-download ng imahe. Kahit na may tumutugon disenyo, maraming beses pa rin ang mga matimbang na imahe pa rin na-download pa rin. Tulad ng nababanggit ng espesyalista sa pagganap ng Web na si Yoav Weiss sa website ng Opera:

"Ang tumutugon sa Web Design RWD ay pinagsama ang mga bagong kakayahan sa browser at mga diskarte sa CSS upang lumikha ng mga website na umangkop sa device na nagpapakita sa mga ito, at tumingin sa lahat ng dako. Na pinagana ang mga developer na huminto sa pag-aalala tungkol sa hindi kapani-paniwala na pagkakita ng aparato at pag-isipan ang kanilang mga website sa mga tuntunin ng dimensyon ng viewport.

Ngunit, kahit na mukhang naiiba ang mga site ng RWD sa bawat device, sa ilalim, karamihan sa kanila ay patuloy na nag-download ng parehong mga mapagkukunan para sa lahat ng mga device. "

Ang bagong Maaaring baguhin ito ng elemento ng HTML code.

Ano ang Elemento ng Larawan ng HTML?

Kung hindi mo alam ang anumang bagay tungkol sa HTML code, isang di-teknikal na kahulugan ay: ito ay isang espesyal na wika. Kapag ginamit sa likod ng mga eksena sa code ng iyong website, ang wikang ito ay nagbibigay ng mga tagubilin kung paano dapat ipakita ng browser ang teksto at mga imahe.

Ang bagong elemento ng Larawan ay isang uri ng wika ng markup ng HTML. Ito ay nakasulat tulad nito (ayon sa tumutugon sa Mga Grupo ng Komunidad na Mga Larawan):

Ang elementong Larawan ay tungkol sa tumutugon mga larawan, hindi tumutugon disenyo.

Para sa mga di-teknikal na mga tao sa negosyo, ang pagkakaiba na maaaring mukhang maliit. Ngunit pagdating sa pagganap ng iyong site sa mga mobile device, maaari itong maging makabuluhan.

Ayon sa ulat ng ArsTechnica, ang bagong markup element ay tumutugon sa mga suliraning dulot ng mga imahe na sinadya upang makita sa isang full-size monitor - mga imahe na hindi mahusay na isalin sa mga mobile device. Ang Ang markup code ay nagsasabi sa mga Web browser tulad ng Firefox upang i-load at ipakita ang tama (read: smaller) na mga imahe:

"Kapag nakatagpo ang browser ng elemento ng Larawan, sinisiyasat una nito ang anumang mga patakaran na maaaring tukuyin ng nag-develop ng Web. *** Pagkatapos, pagkatapos suriin ang iba't ibang mga panuntunan, pinili ng browser ang pinakamahusay na larawan batay sa sarili nitong pamantayan. Ito ay isa pang magandang tampok dahil ang pamantayan ng browser ay maaaring isama ang iyong mga setting. Halimbawa, ang mga hinaharap na mga browser ay maaaring mag-alok ng isang opsyon upang ihinto ang mga imaheng high-res mula sa paglo-load sa paglipas ng 3G, hindi alintana kung ano ang maaaring sabihin ng anumang elemento ng Larawan sa pahina. Sa sandaling nalalaman ng browser kung aling larawan ang pinakamahusay na pagpipilian, aktwal na naglo-load at ipinapakita ang larawang iyon sa isang mahusay na lumang elemento ng img.

… kung ano ang mangyayari ay ang Larawan ay bumabalot ng tag ng img. Kung ang browser ay masyadong matanda upang malaman kung ano ang dapat gawin ng isang elemento, pagkatapos ay naglo-load ito ng fallback img tag. Ang lahat ng mga benepisyo sa pagkarating ay mananatiling dahil ang alt attribute ay nasa elemento pa rin ng img. "

Hindi lahat ng mga developer ay tinanggap ang bagong elemento ng Larawan sa simula. Ang kuwento ni Ars Technica ay binabalangkas ang proseso na pinuntahan ng mga lider sa komunidad ng pag-unlad ng Web upang makapunta sa punto kung saan nakatayo ngayon ang elemento. Kasama ang paraan kahit na isang matagumpay na crowdfunding na kampanya sa Indiegogo na nagtatampok ng gitara-play Weiss.

$config[code] not found

Ngunit lumilitaw ang isyu ngayon, na may bagong elemento ng HTML na larawan na pinagtibay.

Pangunahing Mga Punto Tungkol sa Elemento

Ang Ang markup element ay paparating na sa isang browser na malapit sa iyo. Sa pagtatapos ng 2014 na suporta para sa mga ito ay inaasahan na i-on bilang default sa Chrome at Firefox browser. Nasa paraan din ang Opera. At ang pinakabagong bersyon ng browser ng Safari sa pamamagitan ng Apple ay lumilitaw na nasa mga gawa din. Ang Microsoft ay "isinasaalang-alang ito" para sa Internet Explorer, ayon sa ArsTechnica.

Bilang mga tao sa negosyo, isang mahalagang bagay ang dapat malaman ay iyon Maaaring pabilisin ng markup ang iyong website, lalo na sa mga mobile device. Magiging mabuti para sa iyong mga bisita sa site.

Ang pagpapatupad ng elemento ng HTML ng Larawan para sa mga larawan ay isang bagay upang talakayin sa iyong Web developer. Ang teknikal na pag-iisip at ang do-it-yourselfers ay maaaring pumunta dito upang malaman kung paano gamitin ang elemento ng Larawan. Ito ay isang mahusay na write-up ni Scott Gilbertson.

Huwag mag-atubili na ipatupad markup sa iyong website code ngayon. Kahit na ang isang programa ng browser ay hindi nauunawaan ang bagong markup, mayroong isang command na fallback na gumamit ng mga karaniwang HTML na tag ng imahe, isinulat ni Gilbertson.

Mga imahe: Shutterstock; RICG

9 Mga Puna ▼