Le pagine Web devono scaricare velocemente, ma le tabelle nidificate possono rallentare il processo. Non permettere a nessuno di dirti che più persone usano Internet a banda larga o ad alta velocità, quindi non devi preoccuparti della velocità di caricamento delle tue pagine. Con la quantità di contenuti sul Web, una pagina o un sito che carica lentamente avrà meno visitatori di uno che si carica rapidamente. La velocità è molto importante.
Cos'è una tabella nidificata?
Una tabella nidificata è una tabella HTML che contiene un'altra tabella al suo interno. Per esempio:
Colonna 1 Colonna 2 Colonna 3 Colonna 1
colonna della tabella nidificata 1 colonna della tabella nidificata 2 Colonna 3 Colonna 1 Colonna 2 Colonna 3
Le tabelle nidificate causano il download più lento delle pagine
Una singola tabella su una pagina Web non causerà il download della pagina più lentamente (entro limiti ragionevoli). Ma nel momento in cui metti una tabella in un altro tavolo, il rendering del browser diventa più complicato, quindi la pagina si carica più lentamente. E più tavoli sono annidati l'uno dentro l'altro, più lentamente verrà caricata la pagina.
Quando crei una pagina con tabelle, tieni presente che più tabelle sono all'interno delle tabelle, più lentamente verrà caricata la pagina. Normalmente, quando si carica una pagina, il browser inizia nella parte superiore dell'HTML e lo carica in sequenza sulla pagina. Tuttavia, con le tabelle nidificate, deve trovare la fine della tabella prima che possa visualizzare l'intera cosa.
Tabelle per il layout
Non dovresti usare le tabelle per il layout nelle tue pagine Web. Quasi sempre richiedono l'utilizzo di tabelle nidificate, quindi una pagina Web con layout di tabella verrà caricata più lentamente rispetto allo stesso disegno reso in CSS.
Inoltre, se stai cercando di scrivere XHTML valido, le tabelle non dovrebbero essere usate per il layout. Le tabelle sono per dati tabulari (come fogli di calcolo), non per il layout. Invece, dovresti usare i CSS per il layout: i disegni CSS vengono visualizzati più rapidamente e ti aiutano a mantenere l'XHTML valido.
Progettare tabelle di caricamento più veloci
Se si progetta una tabella con più righe, può spesso caricarsi più rapidamente se si scrive ogni riga come tabella separata. Ad esempio, potresti scrivere una tabella come questa:
riga superiore colonna sinistra colonna di destra
Ma se si scrivesse la stessa tabella di due tabelle, sembrerebbe caricarsi più velocemente, perché il browser eseguirà il rendering per primo e quindi renderà il secondo, invece di rendere l'intera tabella tutto in una volta. Il trucco è assicurarsi che ogni tabella abbia le stesse larghezze e altri stili (come padding, margini e bordi).
riga superiore
colonna sinistra colonna di destra
Conversione di tabelle nidificate in una tabella
Potresti pensare che tutto questo sia una buona informazione, ma tu hai un tavolo dovere avere un altro tavolo annidato in esso. Sebbene ciò possa essere vero, spesso è possibile convertire tabelle nidificate in tabelle singole leggermente più complesse utilizzando gli attributi e sulle celle della tabella. Ad esempio, nella tabella nidificata in alto, posso convertire questo in una singola tabella con solo il colspan attributo:
Colonna 1 colspan = "2" > Colonna 2 Colonna 3 Colonna 1 colonna della tabella nidificata 1 colonna della tabella nidificata 2 Colonna 3 Colonna 1 colspan = "2" > Colonna 2 Colonna 3
Questa tabella ha anche il vantaggio di utilizzare meno caratteri rispetto alla tabella nidificata, quindi verrà scaricata più rapidamente anche a causa di ciò.
