Les pages Web doivent être téléchargées rapidement, mais les tables imbriquées peuvent ralentir le processus. Ne laissez personne vous dire que de plus en plus de gens utilisent Internet haut débit ou à haut débit, vous n'avez donc pas à vous soucier de la vitesse de chargement de vos pages. En raison de la quantité de contenu sur le Web, une page ou un site qui se charge lentement aura moins de visiteurs qu'une page qui se charge rapidement. La vitesse est très importante.
Qu'est-ce qu'une table imbriquée?
Une table imbriquée est une table HTML contenant une autre table. Par exemple:
Colonne 1 Colonne 2 Colonne 3 Colonne 1
colonne de table imbriquée 1 colonne de table imbriquée 2 Colonne 3 Colonne 1 Colonne 2 Colonne 3
Les tables imbriquées font en sorte que les pages se téléchargent plus lentement
Un seul tableau sur une page Web ne ralentira pas le téléchargement de la page (dans des limites raisonnables). Mais dès que vous insérez une table dans une autre, le rendu du navigateur devient plus compliqué et la page se charge plus lentement. Et plus les tables que vous avez imbriquées sont nombreuses, plus la page se charge lentement.
Lorsque vous créez une page avec des tableaux, n'oubliez pas que plus il y a de tableaux dans les tableaux, plus la page se charge lentement. Normalement, lors du chargement d’une page, le navigateur commence par le haut du code HTML et le charge de manière séquentielle le long de la page. Cependant, avec les tables imbriquées, il doit trouver la fin de la table avant de pouvoir afficher le tout.
Tableaux pour la mise en page
Vous ne devriez pas utiliser de tableaux pour la mise en page dans vos pages Web. Ils exigent presque toujours que vous utilisiez des tableaux imbriqués. Ainsi, une page Web de présentation de tableau se chargera plus lentement que la même conception rendue en CSS.
De même, si vous essayez d’écrire du XHTML valide, les tableaux ne doivent pas du tout être utilisés pour la présentation. Les tableaux sont destinés aux données tabulaires (telles que les feuilles de calcul), pas à la présentation. Au lieu de cela, vous devez utiliser CSS pour la mise en page. Les conceptions CSS s'affichent plus rapidement et vous aident à conserver un code XHTML valide.
Conception de tables de chargement plus rapides
Si vous concevez une table avec plusieurs lignes, le chargement peut être plus rapide si vous écrivez chaque ligne en tant que table distincte. Par exemple, vous pourriez écrire une table comme celle-ci:
rangée supérieure colonne de gauche colonne de droite
Mais si vous écriviez la même table sous la forme de deux tables, le chargement semblerait plus rapide, car le navigateur générerait le premier, puis le second, plutôt que de rendre le tableau entier en une fois. L'astuce consiste à s'assurer que chaque table a des largeurs identiques et d'autres styles (comme le remplissage, les marges et les bordures).
rangée supérieure
colonne de gauche colonne de droite
Conversion de tableaux imbriqués en un tableau
Vous pouvez penser que tout cela est une bonne information, mais vous avez une table qui doit avoir une autre table nichée dedans. Bien que cela puisse être vrai, vous pouvez souvent convertir des tables imbriquées en tables simples légèrement plus complexes en utilisant les attributs et des cellules de votre tableau. Par exemple, dans la table imbriquée en haut, je peux convertir cela en une seule table avec juste le colspan attribut:
Colonne 1 colspan = "2" > Colonne 2 Colonne 3 Colonne 1 colonne de table imbriquée 1 colonne de table imbriquée 2 Colonne 3 Colonne 1 colspan = "2" > Colonne 2 Colonne 3
Cette table présente également l’avantage d’utiliser moins de caractères que la table imbriquée, elle sera donc téléchargée plus rapidement pour cette raison également.
