Kial Vi Devus Eviti Uzanta Nestajn Tabulojn

Nestaj Tabloj Malrapidigu Viajn Retpaĝajn Paĝojn

Retpaĝoj bezonas malŝarĝi rapida, sed nestitaj tabloj povas malrapidigi la procezon. Ne lasu iun ajn diri al vi, ke pli da homoj uzas larĝan bandon aŭ rapidan interreton, do vi ne devas zorgi pri kiom rapide viaj paĝoj ŝarĝas. Kun la kvanto da enhavo en la retejo, paĝo aŭ retejo, kiu ŝarĝas malrapide, havos malpli da vizitantoj ol unu, kiu rapide ŝarĝas. Rapido estas tre grava.

Kio estas Nestita Tablo?

Nesta tablo estas HTML-tablo, kiu havas alian tablon en ĝi. Ekzemple:

Kolumno 1
Kolumno 2
Kolumno 3


Kolumno 1



nestita tablo kolumno 1
nestita tablo kolumno 2



Kolumno 3


Kolumno 1
Kolumno 2
Kolumno 3

Nestaj Tabeloj Kaŭzas Artikolojn por Elŝuti Pli Malrapide

Sola tablo en retpaĝaro ne malŝarĝos la paĝon pli malrapide (ene de racio). Sed la momento, kiam vi metas unu tablon ene de alia tablo, ĝi fariĝas pli komplika, ke la retumilo repagu, do la paĝo ŝarĝas pli malrapide. Kaj pli da tabloj vi nestis interne, la pli malrapida la paĝo ŝarĝos.

Kiam vi kreas paĝon kun tabloj, memoru, ke la pli da tabloj, kiuj estas ene de tabloj, malrapidigas la paĝon. Kutime, kiam paĝo ŝarĝas, la retumilo komenciĝas ĉe la supro de la HTML kaj ŝarĝas ĝin laŭsekve laŭ la paĝo. Tamen, kun nestaj tabloj, ĝi devas trovi la finon de la tablo antaŭ ol ĝi povas montri la tutan aferon.

Tabeloj por Aranĝo

Vi ne devus uzi tabulojn por aranĝo en viaj retpaĝoj. Ili preskaŭ ĉiam postulas, ke vi uzas nestajn tabulojn, do tablo-aranĝo Retpaĝaro ŝarĝos pli malrapide ol la saman desegnon en CSS.

Ankaŭ, se vi provas skribi validan XHTML, tabloj ne devas esti uzataj por aranĝo. Tabuloj estas por tabulaj datumoj (kiel folioj de folioj), ne por aranĝo. Anstataŭe, vi devus uzi CSS por aranĝo -CSS-dezajnoj pli rapide kaj helpas vin subteni validan XHTML.

Desegni Faster Loading Tabuloj

Se vi desegnas tablon kun pluraj vicoj, ĝi ofte povas ŝarĝi pli rapide se vi skribas ĉiun vicon kiel apartan tablon. Ekzemple, vi povus skribi tablon kiel ĉi tion:

pinta vico


maldekstra kolumno
dekstra kolumno

Sed se vi skribis la saman tablon kiel du tabloj, ŝajnas ŝarĝi pli rapide, ĉar la retumilo redonus la unuan kaj poste redonos la duan, anstataŭ repreni la tutan tablon samtempe. La lertaĵo devas certigi, ke ĉiu tablo havas identajn larĝojn kaj aliajn stilojn (kiel kompletigo, randoj kaj limoj).

pinta vico




maldekstra kolumno
dekstra kolumno

Konvertanta Nestajn Tabulojn En Unu Tablo

Vi eble sentas, ke ĉio ĉi estas bona informo, sed vi havas tablon, kiu devas havi alian tablon nestitan en ĝi. Dum tio povas esti vera, ofte vi povas konverti nestojn en tabulojn en iomete pli kompleksajn unuopajn tabulojn per uzado kaj atributoj sur viaj tabeloj. Ekzemple, en la nestita tablo ĉe la supro, mi povas konverti ĉi tion en unu tablon kun nur la kolora atributo:

Kolumno 1
colspan = "2" > Kolumno 2
Kolumno 3


Kolumno 1
nestita tablo kolumno 1
nestita tablo kolumno 2
Kolumno 3


Kolumno 1
colspan = "2" > Kolumno 2
Kolumno 3

Ĉi tiu tablo ankaŭ havas la profiton uzi malpli da gravuloj ol la nestita tablo, do ĝi ankaŭ malŝarĝos pli rapide pro tio.