Las páginas web deben descargarse rápidamente, pero las tablas anidadas pueden ralentizar el proceso. No permita que nadie le diga que más personas usan banda ancha o Internet de alta velocidad, por lo que no tiene que preocuparse por la rapidez con que se cargan sus páginas. Con la cantidad de contenido en la Web, una página o sitio que se carga lentamente tendrá menos visitantes que uno que se carga rápidamente. La velocidad es muy importante.
¿Qué es una tabla anidada?
Una tabla anidada es una tabla HTML que tiene otra tabla dentro de ella. Por ejemplo:
Columna 1 Columna 2 Columna 3 Columna 1
tabla anidada columna 1 tabla anidada columna 2 Columna 3 Columna 1 Columna 2 Columna 3
Las tablas anidadas hacen que las páginas se descarguen más lentamente
Una sola tabla en una página web no hará que la página se descargue más lentamente (dentro de lo razonable). Pero en el momento en que coloca una tabla dentro de otra, se complica más el procesamiento del navegador, por lo que la página se carga más lentamente. Y cuantas más tablas haya anidado una dentro de la otra, más lenta será la carga de la página.
Cuando cree una página con tablas, tenga en cuenta que cuantas más tablas haya en las tablas, más lenta será la carga de la página. Normalmente, cuando se carga una página, el navegador comienza en la parte superior del HTML y lo carga de forma secuencial en la página. Sin embargo, con tablas anidadas, tiene que encontrar el final de la tabla antes de poder mostrar todo.
Tablas para Layout
No debe utilizar tablas para el diseño en sus páginas web. Casi siempre requieren que use tablas anidadas, por lo que una página web con diseño de tabla se cargará más lentamente que el mismo diseño representado en CSS.
Además, si está intentando escribir XHTML válido, las tablas no se deben usar para el diseño en absoluto. Las tablas son para datos tabulares (como hojas de cálculo), no para diseño. En su lugar, debe usar CSS para el diseño: los diseños CSS se procesan más rápidamente y lo ayudan a mantener un XHTML válido.
Diseñando tablas de carga más rápidas
Si diseña una tabla con varias filas, a menudo puede cargarse más rápidamente si escribe cada fila como una tabla separada. Por ejemplo, podrías escribir una tabla como esta:
fila superior columna izquierda columna derecha
Pero si escribiera la misma tabla que dos tablas, parecería que se cargaría más rápidamente, porque el navegador representaría la primera y luego la segunda, en lugar de representar toda la tabla a la vez. El truco es asegurarse de que cada tabla tenga anchos y otros estilos idénticos (como relleno, márgenes y bordes).
fila superior
columna izquierda columna derecha
Convertir tablas anidadas en una tabla
Puede sentir que toda esta información es buena, pero tiene una tabla que debe tener otra tabla anidada en ella. Si bien esto puede ser cierto, a menudo puede convertir tablas anidadas en tablas simples un poco más complejas utilizando los atributos y en las celdas de la tabla. Por ejemplo, en la tabla anidada en la parte superior, puedo convertir esto en una sola tabla con solo el colspan atributo:
Columna 1 colspan = "2" > Columna 2 Columna 3 Columna 1 tabla anidada columna 1 tabla anidada columna 2 Columna 3 Columna 1 colspan = "2" > Columna 2 Columna 3
Esta tabla también tiene la ventaja de usar menos caracteres que la tabla anidada, por lo que también se descargará más rápido debido a eso.
