Webové stránky sa musia sťahovať rýchlo, ale vnorené tabuľky môžu proces spomaliť. Nenechajte nikoho hovoriť, že viac ľudí používa širokopásmové pripojenie alebo vysokorýchlostný internet, takže sa nemusíte obávať rýchlosti načítania vašich stránok. Vďaka množstvu obsahu na webe bude mať stránka alebo web, ktoré sa načítajú pomaly, menej návštevníkov ako tých, ktoré sa načítajú rýchlo. Rýchlosť je dôležitá, najmä pri mobilných pripojeniach, ktoré môžu byť obmedzené na dátové rýchlosti 2G alebo 3G.
Čo je vnorená tabuľka?
Vnorená tabuľka je tabuľka HTML, ktorá má v sebe inú tabuľku. Napríklad:
Vnorené tabuľky spôsobujú pomalšie sťahovanie stránok
Jedna tabuľka na webovej stránke nespôsobí pomalšie sťahovanie stránky. Ale keď vložíte jednu tabuľku do inej tabuľky, vykreslenie prehliadača sa skomplikuje, takže sa stránka načítava pomalšie. A čím viac tabuliek vnoríte, tým pomalšie sa stránka načítava.
Pri načítaní stránky sa prehľadávač zvyčajne spustí v hornej časti kódu HTML a načíta sa postupne nadol po stránke. U vnorených tabuliek však musí nájsť koniec tabuľky, aby mohla zobraziť celú vec. Pomalé vykresľovanie je spôsobené tým, že prehliadač musí dokument HTML opakovane iterovať.
Tabuľky pre rozloženie
Keď píšete platný XHTML, tabuľky by sa nemali používať na rozloženie. Tabuľky sú pre tabuľkové údaje ako sú tabuľky, nie pre dizajn strany. Namiesto toho by ste mali na rozloženie použiť CSS -Vzory CSS vykresliť rýchlejšie a pomôcť vám udržiavať platný XHTML.
Navrhovanie tabuliek pre rýchlejšie načítanie
Ak navrhujete tabuľku s niekoľkými riadkami, môže sa často načítať rýchlejšie, ak každý riadok napíšete ako samostatnú tabuľku.
Ale ak by ste napísali rovnakú tabuľku ako dve tabuľky, zdá sa, že sa načítava rýchlejšie, pretože Prehliadač by vykreslil prvý a potom druhý, namiesto vykreslenia celej tabuľky naraz. Trik spočíva v tom, že každá tabuľka má rovnakú šírku a iné štýly (ako sú výplne, okraje a ohraničenia).
Prevod vnorených tabuliek do jednej tabuľky
Premenou vnorených tabuliek na o niečo zložitejšie jednotlivé tabuľky pomocou inteligentných atribútov colspan, ktoré, ak budú nasadené opatrne, budú simulovať vzhľad vnorenej tabuľky bez toho, aby skutočne fungovali.