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 personnes utilisent Internet haut débit ou haut débit, vous n'avez donc pas à vous soucier de la vitesse de chargement de vos pages. Avec la quantité de contenu sur le Web, une page ou un site qui se charge lentement aura moins de visiteurs qu'un autre qui se charge rapidement. La vitesse est importante, en particulier sur les connexions mobiles qui peuvent être limitées aux débits de données 2G ou 3G.
Qu'est-ce qu'une table imbriquée?
Une table imbriquée est une table HTML qui contient une autre table. Par example:
Les tables imbriquées ralentissent le téléchargement des pages
Un seul tableau sur une page Web ne ralentira pas le téléchargement de la page. Mais lorsque vous placez une table dans une autre table, le rendu du navigateur devient plus compliqué, la page se charge donc plus lentement. Et plus vous imbriquez de tables, plus la page se charge lentement.
Normalement, lorsqu'une page se charge, le navigateur démarre en haut du code HTML et le charge séquentiellement en bas de la page. Cependant, avec les tableaux imbriqués, il doit trouver la fin du tableau avant de pouvoir afficher le tout. La raison pour laquelle le rendu ralentit est que le navigateur doit itérer le document HTML plusieurs fois.
Tableaux de mise en page
Lorsque vous écrivez du XHTML valide, les tableaux ne doivent pas être utilisés pour la mise en page. Les tableaux sont pour les données tabulaires tels que des feuilles de calcul, pas pour la conception de pages. Au lieu de cela, vous devriez utiliser CSS pour la mise en page—Conceptions CSS rendre plus rapidement et vous aider à maintenir un XHTML valide.
Concevoir des tables à chargement plus rapide
Si vous concevez un tableau avec plusieurs lignes, il peut souvent se charger plus rapidement si vous écrivez chaque ligne dans un tableau séparé.
Mais si vous écriviez la même table que deux tables, il semblerait qu'elle se charge plus rapidement, car le le navigateur rendrait le premier, puis le second, plutôt que de rendre l'intégralité de la table immediatement. L'astuce consiste à s'assurer que chaque tableau a des largeurs et d'autres styles identiques (comme le remplissage, les marges et les bordures).
Conversion de tables imbriquées en une seule table
Convertissez des tables imbriquées en tables simples légèrement plus complexes en étant intelligent sur les attributs tels que colspan, qui, s'il est déployé avec soin, simulera l'apparence d'une table imbriquée sans réellement fonctionner comme telle.