Le pagine Web devono essere scaricate velocemente, ma le tabelle nidificate possono rallentare il processo. Non permettere a nessuno di dirti che più persone usano la banda larga o Internet 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 si carica lentamente avrà meno visitatori di uno che si carica rapidamente. La velocità è importante, specialmente su connessioni mobili che potrebbero essere limitate a velocità dati 2G o 3G.
Che cos'è una tabella nidificata?
Una tabella annidata è una tabella HTML che contiene un'altra tabella al suo interno. Per esempio:
Le tabelle nidificate causano il download più lento delle pagine
Una singola tabella in una pagina Web non farà scaricare la pagina più lentamente. Ma quando si inserisce una tabella all'interno di un'altra tabella, il rendering del browser diventa più complicato, quindi la pagina viene caricata più lentamente. E più tabelle annidi, più lenta sarà il caricamento della pagina.
Normalmente, quando una pagina viene caricata, il browser si avvia nella parte superiore dell'HTML e lo carica in sequenza lungo la pagina. Tuttavia, con le tabelle nidificate, deve trovare la fine della tabella prima di poter visualizzare l'intera cosa. Il motivo per cui il rendering rallenta è che il browser deve ripetere l'iterazione del documento HTML più volte.
Tabelle per il layout
Quando scrivi XHTML valido, le tabelle non dovrebbero essere usate per il layout. Le tabelle sono per dati tabulari come fogli di calcolo, non per il design della pagina. Invece, dovresti usare CSS per il layout—Disegni CSS renderizzare più rapidamente e aiutarti a mantenere XHTML valido.
Progettazione di tabelle a caricamento più rapido
Se si progetta una tabella con più righe, spesso può essere caricata più rapidamente se si scrive ogni riga come tabella separata.
Ma se scrivessi la stessa tabella di due tabelle, sembrerebbe caricarsi più rapidamente, perché il browser renderebbe il primo e poi il secondo, invece di rendere l'intera tabella all subito. Il trucco è assicurarsi che ogni tabella abbia larghezze identiche e altri stili (come padding, margini e bordi).
Conversione di tabelle nidificate in una tabella
Converti le tabelle nidificate in singole tabelle leggermente più complesse essendo intelligenti su attributi come colspan, che, se implementato con attenzione, simulerà l'aspetto di una tabella nidificata senza eseguire effettivamente come tale.