Web-sivujen on ladattava nopeasti, mutta sisäkkäiset taulukot voivat hidastaa prosessia. Älä anna kenenkään kertoa sinulle, että useammat ihmiset käyttävät laajakaistaa tai nopeaa internetiä, joten sinun ei tarvitse huolehtia siitä, kuinka nopeasti sivusi latautuvat. Verkon sisällön määrän myötä hitaasti latautuvalla sivulla tai sivustolla on vähemmän kävijöitä kuin nopeasti latautuvilla. Nopeus on tärkeää, etenkin mobiililiitännöissä, jotka saattavat olla rajoitettuja 2G- tai 3G-datanopeuksiin.
Mikä on sisäkkäinen taulukko?
Sisäkkäinen taulukko on HTML-taulukko, jonka sisällä on toinen taulukko. Esimerkiksi:
Sisäkkäiset taulukot saavat sivut latautumaan hitaammin
Yksi taulukko verkkosivulla ei aiheuta sivun lataamista hitaammin. Mutta kun laitat yhden taulukon toiseen taulukkoon, selaimen renderointi on monimutkaisempaa, joten sivu latautuu hitaammin. Ja mitä enemmän pöytiä pesit, sitä hitaammin sivu latautuu.
Normaalisti, kun sivu latautuu, selain alkaa HTML: n yläosasta ja lataa sen peräkkäin alaspäin sivulle. Sisäkkäisillä taulukoilla sen on kuitenkin löydettävä taulukon pää, ennen kuin se voi näyttää koko asian. Syy renderointiin hidastuu siitä, että selaimen on toistettava HTML-asiakirja vielä useammin.
Taulukot asetteluun
Kun kirjoitat kelvollista XHTML-tiedostoa, taulukoita ei tule käyttää asetteluun. Taulukot ovat taulukkotietoja varten kuten laskentataulukot, ei sivun suunnitteluun. Sen sijaan sinun tulisi käyttää CSS: ää asettelussa -CSS-mallit renderöi nopeammin ja auttaa ylläpitämään kelvollista XHTML-tiedostoa.
Nopeammin latautuvien pöytien suunnittelu
Jos suunnittelet taulukkoa, jossa on useita rivejä, se voi usein ladata nopeammin, jos kirjoitat jokaisen rivin erilliseksi taulukoksi.
Mutta jos kirjoitat saman taulukon kuin kaksi taulukkoa, se näyttää latautuvan nopeammin, koska selain renderöisi ensimmäisen ja sitten toisen, sen sijaan, että tekisi koko taulukon kaikki heti. Temppu on varmistaa, että jokaisella taulukolla on samanlaiset leveydet ja muut tyylit (kuten pehmusteet, marginaalit ja reunukset).
Sisäkkäisten taulukoiden muuntaminen yhdeksi taulukoksi
Muunna sisäkkäiset taulukot hieman monimutkaisemmiksi yksittäisiksi taulukoiksi olemalla fiksuja esimerkiksi colspan, joka huolellisesti käyttöönotettuna simuloi sisäkkäisen pöydän ulkonäköä toimimatta samalla tavalla.