Преглед садржаја
Генерација веб апликације има неколико прекретница, међу којима имамо две важне, прва је да је у складу са потребама корисника и једноставан је за употребу, друго је да јесте најбржи могући, тако да не морамо чекати више од секунде да учитамо сваки његов одељак.Да бисмо испунили ову другу прекретницу, морамо оптимизовати нашу апликацију када се испуни прва, то јест, када наша апликација правилно изврши своје функције, морамо извући максималне перформансе како бисмо побољшали корисничко искуство.
Познавање састава веб странице омогућава нам да разумемо начин на који она долази до прегледача и на тај начин можемо да пронађемо тачке у којима можемо направити нека побољшања, сваки мали део који можемо да оптимизујемо ће се на крају збрајати за обогаћено корисничко искуство.
Основни елементи странице су:
ХТМЛОво је код или текст у датотеци, што је већа количина кода, датотека је тежа, међутим у чистом тексту је мало вероватно да ћемо заузети много простора.
Јс датотекеТо је комплементарни језик пар екцелленце, попут ХТМЛ то је чист текст, међутим мало је вероватно да ћемо га користити у чистом облику, па ћемо скоро увек морати да га додамо .јс датотеке наш ХТМЛ које садрже библиотеке и функционалности, ово ако је могуће да заузимамо пуно простора јер су библиотеке генерално велике.
ЦСС Табеле стиловаТо су датотеке или код који убацујемо у наш ХТМЛ то нам омогућава да моделирамо начин на који ће претраживач приказати веб кориснику, као и Јавасцрипт можемо користити библиотеке које заузимају простор.
МултимедијаОво је најтежи одељак, у мултимедији ћемо имати све у вези са сликама, видео записима и звуком које можемо уградити на нашу страницу, па је ово део који додаје тежину преузимању нашој апликацији.
Погледајмо на следећем дијаграму како то објашњава објашњено:
Говоримо да сав садржај горе описане странице има тежину, па то чини да када поднесемо захтев из нашег прегледача мора да сачека неколико тренутака да нам покаже резултат, овај пут чекамо преузимање датотеке садржај.
Стога, ако желимо бржу страницу, морамо бити ефикаснији при организирању садржаја, на примјер користећи слике оптимизиране за веб, чинећи најмању могућу количину кода кориштењем најбољих пракси, кориштењем скраћених датотека, кориштењем компримираног садржаја итд. .
Овим завршавамо овај водич, разумевајући ову анатомију странице, можемо добити основне информације које су нам потребне за почетак оптимизације, јер ако користимо мало логике и смањимо 30% или 40% Од тежине странице повећаћемо једноставност преузимања, а самим тим и брзину.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен