Por qué debería evitar usar tablas anidadas

Ralentizan tus páginas web 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 Internet de banda ancha o de alta velocidad, por lo que no tiene que preocuparse por la rapidez con que se cargan sus páginas.

Ralentizan tus páginas web

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 Internet de banda ancha o 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 cargue rápidamente. La velocidad es importante.

¿Qué es una tabla anidada?

Una tabla anidada es una tabla HTML que tiene otra tabla dentro. Por ejemplo, el siguiente código:

 

Columna 1
Columna 2
Columna 3









< td> Columna 3

Columna 1





columna anidada de la tabla 1 columna de tabla anidada 2

Columna 3
Columna 1 Columna 2

produce una tabla simple que se ve así:

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. Pero cuando coloca una tabla dentro de otra tabla, el navegador se vuelve más complicado de procesar, por lo que la página se carga más lentamente. Y cuantas más tablas anides, más lenta se cargará la página.

Normalmente, cuando se carga una página, el navegador comienza en la parte superior del HTML y lo carga secuencialmente en la página. Sin embargo, con las tablas anidadas, tiene que encontrar el final de la tabla antes de que pueda mostrar todo. La razón por la que la representación se ralentiza es que el navegador debe iterar el documento HTML veces adicionales.

Tablas para diseño

Cuando escribe XHTML válido, las tablas no deben usarse para el diseño en absoluto. Las tablas son para datos tabulares como hojas de cálculo, no para diseño de página. 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 XHTML válido.

Diseño de tablas de carga más rápida

Si diseña una tabla con varias filas, a menudo se puede cargar más rápidamente si escribe cada fila como una tabla separada. Por ejemplo, podría escribir una tabla como esta:

 







fila superior
columna izquierda columna derecha

Pero si escribiera la misma tabla que dos tablas, parecería que se carga más rápidamente, porque el navegador representará la primera y luego la segunda, en lugar de representar toda la tabla de una vez. El truco es asegurarse de que cada tabla tenga anchos idénticos y otros estilos (como relleno, márgenes y bordes).

 



fila superior

< br />



columna izquierda columna derecha

Convertir tablas anidadas en una tabla

Convierta las tablas anidadas en tablas individuales un poco más complejas siendo inteligentes con respecto a atributos como colspan , que si se implementa con cuidado simulará la apariencia de una tabla anidada sin funcionar realmente como una:

 

Columna 1









< td colspan = "2" > Columna 2


colspan = "2" > Columna 2
Columna 3
Columna 1 columna 1 de tabla anidada columna 2 de tabla anidada Columna 3
Columna 1 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ápidamente.

Rate article
labsfabs.com
Add a comment