Web stranice se trebaju brzo preuzimati, ali ugniježđene tablice mogu usporiti proces. Ne dopustite da vam itko kaže da više ljudi koristi širokopojasni ili brzi internet, tako da ne morate brinuti o brzini učitavanja stranica. S količinom sadržaja na webu, stranica ili stranica koja se polako učitava imat će manje posjetitelja od one koja se brzo učitava. Brzina je važna, posebno na mobilnim vezama koje mogu biti ograničene na 2G ili 3G podatkovne brzine.
Što je ugniježđena tablica?
Ugniježđena tablica je HTML tablica koja u sebi ima drugu tablicu. Na primjer:
Ugniježđene tablice uzrokuju da se stranice polako preuzimaju
Jedna tablica na web stranici neće uzrokovati sporije preuzimanje stranice. No kad jednu tablicu stavite u drugu, preglednik se zakomplicira, pa se stranica sporije učitava. I što više tablica ugnijezdiš, stranica se sporije učitava.
Uobičajeno, kada se stranica učita, preglednik se pokreće na vrhu HTML-a i uzastopno je učitava niz stranicu. Međutim, s ugniježđenim tablicama mora pronaći kraj tablice prije nego što može prikazati cijelu stvar. Razlog usporavanja prikazivanja je taj što preglednik mora dodatni puta ponoviti HTML dokument.
Tablice za izgled
Kada pišete valjani XHTML, tablice se ne smiju koristiti za izgled. Tablice su za tablične podatke kao što su proračunske tablice, nije za dizajn stranice. Umjesto toga, za izgled biste trebali koristiti CSS -CSS dizajni brže se generiraju i pomažu vam u održavanju valjanog XHTML-a.
Dizajniranje tablica s bržim učitavanjem
Ako dizajnirate tablicu s nekoliko redaka, često se može učitati brže ako svaki redak napišete kao zasebnu tablicu.
Ali ako ste napisali istu tablicu kao dvije tablice, čini se da se brže učitava, jer preglednik bi prikazao prvu, a zatim drugu, umjesto da cijelu tablicu generira sve odjednom. Trik je osigurati da svaka tablica ima identične širine i druge stilove (poput umetanja, margina i obruba).
Pretvaranje ugniježđenih tablica u jednu tablicu
Pretvorite ugniježđene tablice u nešto složenije pojedinačne tablice tako što ćete biti pametni u atributima poput colspan, koji će se ako se pažljivo razmjeni simulirati izgled ugniježđene tablice, a da zapravo ne izvede takvu.