Contenuto
- Rallentano le tue pagine web
- Le tabelle nidificate causano il download più lento delle pagine
- Tabelle per il layout
- Progettazione di tabelle a caricamento più rapido
- Conversione di tabelle nidificate in una tabella
Rallentano le tue pagine web
Le tabelle nidificate causano il download più lento delle pagine
Una singola tabella in una pagina Web non causerà il download più lento della pagina. Ma quando si inserisce una tabella in un'altra tabella, diventa più complicato per il rendering del browser, quindi la pagina si carica più lentamente. E più tabelle annidate, più lenta viene caricata la pagina.
Normalmente, quando una pagina viene caricata, il browser si avvia nella parte superiore dell'HTML e la carica in sequenza nella 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 il documento HTML più volte.
Tabelle per il layout
Quando si scrive XHTML valido, le tabelle non devono essere utilizzate per il layout. Le tabelle sono per dati tabulari come fogli di calcolo, non per la progettazione di pagine. Invece, dovresti usare CSS per il layout: i disegni CSS vengono visualizzati più rapidamente e ti aiutano a mantenere un XHTML valido.
Progettazione di tabelle a caricamento più rapido
Se si progetta una tabella con più righe, può spesso caricarsi più rapidamente se si scrive ogni riga come una tabella separata.
Ma se si scrivesse la stessa tabella di due tabelle, sembrerebbe caricarsi più rapidamente, poiché il browser visualizzerebbe il primo e quindi il secondo, anziché eseguire il rendering dell'intera tabella contemporaneamente. Il trucco è assicurarsi che ogni tabella abbia larghezze e altri stili identici (come riempimento, margini e bordi).
Conversione di tabelle nidificate in una tabella
Converti le tabelle nidificate in tabelle singole leggermente più complesse, essendo intelligente su attributi come colspan, che se distribuito attentamente simulerà l'aspetto di una tabella nidificata senza effettivamente funzionare come una.