Impact de fournir un dimensionnement exact pour les éléments de la page par opposition aux tables de redimensionnement du navigateur

Question

Nous avons une application de l'énorme quantité de données qui doit être convertie en tableaux HTML via des modèles Velocity. Question 1: Un domaine à se concentrer est l'impact de fournir un dimensionnement exact pour les éléments de la page par rapport aux tables de redimensionnement du navigateur hauteur et largeur voulez comprendre combien de temps est passé par le navigateur à faire cela par opposition à la création d'une page exactement dimensionnée pour 1024 x 768, par exemple

Question2: La page en cours de chargement est un graphique avec beaucoup de graphiques et de cellules avec dans une grille qui représente 15 min intervalle de jour qui est la version micro des données. Les cellules de la grille ont donc été construites pour mettre la valeur '*' à l'intérieur de la grille. Y a-t-il une meilleure façon de faire cela?

Answer 1

Question 1:

Si votre document nécessite beaucoup de données que vous dépeignez qu'il soit, il serait utile pour permettre le flux [redimensionnement automatique] de votre balisage d'affichage [couches/tables] pour prendre en considérer ceux avec des zones d'affichage plus grandes [Ci-dessus: 1024x768]. Vous voudrez peut-être envisager de définir la plus petite largeur/hauteur possible à l'aide de calques + css ou d'images d'espace réservé afin de ne pas surcharger ceux qui ont des zones d'affichage inférieures à la résolution 1024x768.

Exemple:

<table width="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td width="25%"><div style="width:200px;height:1px;overflow:hidden;clip:rect(0px 200px 1px 0px);" title="Column Space Saver"></div></td> 
     <td width="75%"><div style="width:400px;height:1px;overflow:hidden;clip:rect(0px 400px 1px 0px);" title="Body Space Saver"></div></td> 
    </tr> 
    <tr> 
     <td width="25%" valign="top" style="background:#EB0000">Will be 200px or 25%, whichever is greater, and always adhere to those parameters even if my screen size is smaller than combined 600px [hence column is 200px body is 400px].</td> 
     <td width="75%" valign="top">Will be 400px or 75%, whichever is greater, and always adhere to those parameters even if my screen size is smaller than combined 600px [hence column is 200px body is 400px].</td> 
    </tr> 
</table>