Нови ХТМЛ код може учинити ваш сајт бржим

Преглед садржаја:

Anonim

Чули сте да је Веб постао визуелнији и да су важне слике на вашем пословном веб сајту.

Али те слике могу бити пошаст посјетитеља ваше веб странице. Слике чине 1МБ од 1.7МБ које садржи просјечна веб страница.

То можда није велики проблем за ваше посетиоце на десктоп рачунарима који користе интернет велике брзине. Међутим, ако видите или желите да видите повећање промета од мобилних посетилаца, те слике могу бити проблем. Веб-странице које су тешке за снимање могу дуго трајати. Посетиоци се фрустрирају и напуштају ваш сајт.

$config[code] not found

Можда сте имплементирали одговарајући веб дизајн, мислећи да решава све ваше мобилне проблеме. Истина је да одговарајући веб дизајн решава неке проблеме. Он аутоматски организује и приказује елементе вашег сајта да би их се могло видети на мањим, ужи екранима мобилних телефона.

Али одговор на веб дизајн није одговор на све. То не мора нужно да реши проблем са преузимањем слике. Чак и са прилагодљивим дизајном, много пута се тешке слике и даље преузимају. Као што је стручњак за веб перформансе Иоав Веисс сажето указао на веб страници Опера:

“Одговарајући веб дизајн РВД комбиновао је нове могућности претраживача и ЦСС технике за креирање веб сајтова који се прилагођавају уређају који их приказује, и изгледају идеално свуда. То је омогућило програмерима да престану бринути о непоузданом откривању уређаја и мисле о својим веб сајтовима у смислу димензија приказа.

Али, иако су РВД локације изгледале другачије на сваком уређају, испод њих, већина њих је наставила да преузима исте ресурсе за све уређаје.

Нови Елемент ХТМЛ кода може то да промени.

Шта је Пицтуре ХТМЛ елемент?

Ако не знате ништа о ХТМЛ коду, нетехничка дефиниција је: то је посебан језик. Када се користи иза сцене у коду веб сајта, овај језик даје упутства о томе како претраживач треба да прикаже текст и слике.

Нови Елемент слике је тип ХТМЛ језика за означавање. Написано је овако (по групи заједнице Одговарајуће слике):

Елемент слике је одговоран имагес, не одговара дизајн.

Нетехничким пословним људима та разлика може изгледати мала. Али када се ради о перформансама вашег сајта на мобилним уређајима, то може бити значајно.

Према извештају АрсТецхница, нови елемент означавања решава проблеме узроковане сликама које су требале да се виде на монитору у пуној величини - слике које се не преносе добро на мобилне уређаје. Тхе код за означавање веб претраживачима, као што је Фирефок, учитава и приказује право (читај: мање) слике:

Када претраживач наиђе на елемент слике, он прво процењује правила која Веб програмер може да одреди. *** Затим, након процене различитих правила, претраживач бира најбољу слику на основу сопствених критеријума. Ово је још једна лепа карактеристика јер критеријуми прегледача могу укључивати ваша подешавања. На пример, будући претраживачи могу понудити опцију за заустављање учитавања слика високе резолуције преко 3Г-а, без обзира на то шта би неки елемент слике могао да каже. Када претраживач сазна која је слика најбољи избор, она заправо учитава и приказује ту слику у добром старом имг елементу.

… Оно што се дешава је Пицтуре врапс имг таг. Ако је претраживач сувише стар да би знао шта да направи елемент, затим учитава повратну имг ознаку. Све предности приступачности остају, пошто је алт атрибут још увек на имг елементу. "

Нису сви програмери најприје прихватили нови елемент слике. Прича о Арс Тецхници описује процес који су лидери у Веб развојној заједници прошли да би дошли до тачке где данас стоји елемент. Успут је уследила и успешна кампања цровдфундинг-а на Индиегогу са Веиссом који свира гитару.

$config[code] not found

Но, сада се чини да је проблем ријешен, с новим ХТМЛ елементом слике који је усвојен.

Кључне тачке о Елемент

Тхе маркуп елемент ускоро долази у прегледач у вашој близини. До краја 2014. очекује се да ће подршка за њега бити укључена по дефаулту у Цхроме и Фирефок претраживачима. Опера је такође на путу. И најновија верзија Сафари претраживача од стране Аппле-а је такође у току. Мицрософт га "разматра" за Интернет Екплорер, наводи АрсТецхница.

Као пословни људи, важно је то знати маркуп може убрзати ваш сајт, посебно на мобилним уређајима. То би било добро за посетиоце вашег сајта.

Имплементација елемента Пицтуре ХТМЛ за слике је нешто о чему треба разговарати са вашим Веб девелопер-ом. Технички оријентисани и до-ит-иоурселферс могу ићи овде да науче како да користе елемент слике. То је одличан запис Сцотт Гилбертсона.

Слободно имплементирајте означите у коду веб сајта сада. Чак и ако програм прегледача не разуме нову ознаку, постоји наредба за коришћење стандардних ХТМЛ ознака за слике, пише Гилбертсон.

Слике: Схуттерстоцк; РИЦГ

9 Цомментс ▼