Угнежене табеле успоравају Ваше веб странице доле
Веб странице морају брзо преузети, али угнежене табеле могу успорити процес. Немојте дозволити никоме да вам каже да више људи користи широкопојасни или брзи Интернет, па не морате бринути о томе колико брзо учитавају ваше странице. Са количином садржаја на Вебу, страница или сајт који полако учитава имаће мање посетилаца од оних који брзо учитавају. Брзина је веома важна.
Шта је уграђена табела?
Уграђена табела је ХТМЛ табела која има другу табелу унутар ње. На пример:
<табела>
<тр>
<тх> Колона 1
<тх> Колона 2
<тх> Колона 3
<тр>
<тд> Колона 1
<тд>
<табела>
<тр>
<тд> уграђена колона 1
<тд> угнежена колона 2
<тд> Колона 3
<тр>
<тд> Колона 1
<тд> Колона 2
<тд> Колона 3
Уграђене табеле узрок странака за преузимање још полако
Једна табела на Веб страници неће узроковати да страница преузима спорије (у оквиру разлога). Али када ставите један сто на други стол, постаје све компликованије да се претраживач обради, тако да се страница учитава спорије. И што више табела које сте угнежавали једно другом, спорије ће се страница учитати.
Када креирате страницу са таблицама, имајте на уму да ће се више табела унутар таблица убацити страница. Обично, када се страница учита, претраживач почиње на врху ХТМЛ-а и учитава га редом по страни. Међутим, са уграђеним табелама, мора да пронађе крај табеле пре него што може приказати целу ствар.
Таблице за Лаиоут
Не смете користити таблице за постављање на вашим Веб страницама. Они скоро увек захтевају да користите угнежене табеле, тако да ће Веб страница постављања табеле учитати спорије од истог дизајна приказаног у ЦСС-у.
Такође, ако покушавате да напишете важећи КСХТМЛ, табеле се уопште не смеју користити за изглед. Табеле су за табуларне податке (као што су табеле), а не за распоред. Уместо тога, требало би да користите ЦСС за распоређивање -ЦСС дизајна учините брже и помогнете вам да одржите важећи КСХТМЛ.
Дизајнирање бржих табела за учитавање
Ако дизајнирате табелу са више редова, може се често учитати брже ако пишете сваки ред као засебну таблицу. На пример, можете написати овакву таблицу:
<табле стиле = "видтх: 100%;">
<тр>
<тд цолспан = "2"> горњи ред
<тр>
<тд> лева колона
<тд> десна колона
Али, ако сте исту табелу написали као две таблице, изгледа да ће се учитати брже, јер ће претраживач учинити прво, а затим поновити другу, умјесто да ће целу табелу учинити све одједном. Трик је да се осигура да свака табела има идентичне ширине и друге стилове (као што су паддинг, маргине и границе).
<табле стиле = "видтх: 100%;">
<тр>
<тд цолспан = "2"> горњи ред
<табле стиле = "видтх: 100%;">
<тр>
<тд> лева колона
<тд> десна колона
Претварање уграђених табела у једне табеле
Можда ћете осећати да су све ово добре информације, али имате табелу која мора имати другу уграђену таблицу. Иако ово може бити тачно, често можете претворити угнежене таблице у нешто сложеније појединачне табеле користећи и атрибуте на вашим ћелијама. На пример, у угнездној табели на врху, могу да претворим ово у једну таблицу само са атрибутом цолспан :
<табела>
<тр>
<тх> Колона 1
<тх цолспан = "2" > Колона 2
<тх> Колона 3
<тр>
<тд> Колона 1
<тд> уграђена колона 1
<тд> угнежена колона 2
<тд> Колона 3
<тр>
<тд> Колона 1
<тд цолспан = "2" > Колона 2
<тд> Колона 3
Ова табела такође има користи од тога да користи мање карактера од уграђене табеле, тако да ће и брже бити преузета због тога.