Pse ju duhet të shmangni përdorimin e tabelave të mbivendosur

Tabelat e mbivendosur Slow Web Pages Down

Faqet e internetit duhet të shkarkojnë shpejt, por tabelat e mbivendosur mund ta ngadalësojnë procesin. Mos lejoni që dikush t'ju tregojë se më shumë njerëz përdorin internetin me brez të gjerë ose me shpejtësi të lartë, kështu që nuk duhet të shqetësoheni për sa shpejt ngarkohen faqet tuaja. Me sasinë e përmbajtjes në Web, një faqe ose vend që ngarkohet ngadalë do të ketë më pak vizitorë sesa një që ngarkon shpejt. Shpejtësia është shumë e rëndësishme.

Çfarë është një tabelë e mbivendosur?

Një tabelë e mbivendosur është një tabelë HTML që ka një tabelë brenda saj. Për shembull:




Kolona 1
Column 2
Kolona 3

Kolona 1




kolona e tabelës së mbivendosur 1
kolona e sinkronizuar e tabelës 2



Kolona 3

Kolona 1
Kolona 2
Kolona 3

Tabelat e mbivendosur shkaktojnë që faqet të shkarkohen më ngadalë

Një tabelë e vetme në një faqe Web nuk do të bëjë që faqja të shkarkohet më ngadalë (brenda arsyes). Por në momentin kur vendosni një tabelë brenda një tryeze tjetër, ajo bëhet më e komplikuar për ta bërë shfletuesin, kështu që faqja ngarkon më ngadalë. Dhe tabelat më shumë që keni mbivendosur brenda njëri-tjetrit, aq më ngadalësohet faqja e ngarkimit.

Kur krijoni një faqe me tavolina, mbani në mend se tabelat më të mëdha që janë brenda tavolinave, aq më ngadalësohet faqja. Normalisht, kur një faqe ngarkon, shfletuesi fillon në krye të HTML dhe e ngarkon atë vazhdimisht poshtë faqes. Sidoqoftë, me tavolina të mbivendosur, ai duhet të gjejë fundin e tabelës para se të mund të shfaqë tërë gjërat.

Tabelat për Layout

Ju nuk duhet të përdorni tabela për paraqitjen në faqet tuaja Web. Ata pothuajse gjithmonë kërkojnë që të përdorni tavolina të mbivendosur, kështu që faqja e faqeve të tabelave do të ngarkojë më ngadalë se dizajni i njëjtë i dhënë në CSS.

Gjithashtu, nëse jeni duke u përpjekur të shkruani XHTML të vlefshëm, tabelat nuk duhet të përdoren në të gjitha formatet. Tabelat janë për të dhënat tabelare (të tilla si tabelat), jo për paraqitjen. Në vend të kësaj, ju duhet të përdorni CSS për hartimin CSS-s të skiconi më shpejt dhe t'ju ndihmojnë të mbani XHTML të vlefshëm.

Projektimi i tabelave të ngarkimit më të shpejtë

Nëse dizajnoni një tabelë me rreshta të shumëfishta, shpesh mund të ngarkoni më shpejt nëse shkruani çdo rresht si një tabelë të veçantë. Për shembull, mund të shkruani një tabelë si kjo:




rreshti i lartë

kolona e majtë
kolonë djathtas

Por në qoftë se shkruan të njëjtën tavolinë si dy tabela, do të duket sikur po ngarkohesh më shpejt, sepse shfletuesi do të bënte të parën dhe pastaj do të bënte të dytin, në vend që ta bënte të gjithë tabelën menjëherë. Qëllimi është që të sigurohet që çdo tavolinë ka gjerësi identike dhe stile të tjera (si mbushja, kufijtë dhe kufijtë).



rreshti i lartë




kolona e majtë
kolonë djathtas

Konvertimi i Tabelave të Përbashkëta në një Tabelë

Ju mund të mendoni se e gjithë kjo është informacion i mirë, por keni një tryezë që duhet të ketë një tabelë tjetër të mbivendosur në të. Ndërsa kjo mund të jetë e vërtetë, shpesh ju mund të konvertoheni tabelat e mbivendosur në tabela më pak komplekse duke përdorur atributet në qelizat e tryezës. Për shembull, në tabelën e mbivendosur në krye, unë mund ta konvertoj këtë në një tabelë të vetme me vetëm atributin colspan :





Kolona 1
colspan = "2" > Kolona 2
Kolona 3

Kolona 1
kolona e tabelës së mbivendosur 1
kolona e sinkronizuar e tabelës 2
Kolona 3

Kolona 1
colspan = "2" > Kolona 2
Kolona 3

Kjo tabelë gjithashtu ka dobi të përdorimit të shkronjave më pak se tabela e mbivendosur, kështu që do të shkarkojë më shpejt për shkak të kësaj.