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