Discussion :

[gabrielS]

Bonjour,

J'ai un petit soucis de performance lors de l'affichage d'une table dans le navigateur.

En gros, j'ai deux tables (disons table_gauche et table_droite) et j'aligne les hauteurs des 2 tables pour faire "comme si" je n'avais qu'une même table.
Le problème : le redimensionnement est très couteux (car la table est redimensionnée après chaque re-set des hauteurs).

Ma question est donc :
1/ Est ce que je peux empêcher une div de se refresh (le temps de calcul/set des différentes hauteurs et ensuite refresher l'UI une seule fois) ?

2/ Dans le cas échéant.. y'a-t-il une autre solution qui vous parait adéquat ?
(j'ai pensé ne pas afficher la 2eme table, pré-calculer toutes les hauteurs, les set avant l'affichage, puis afficher la table... mais je préfererais ne pas avoir à afficher table_gauche avant ou après table_droite..).

(une petite explication avec une image est toujours mieux.. l'image suit )

Par avance, merci de votre aide !

Cordialement,

GabrielS

[mathieu]

le problème de temps de redimensionnement se pose seulement au chargement de la page la 1re fois ?

[gabrielS]

Pas vraiment. Le contenu de plusieurs cases peut être modifé en un seul clic, et donc la hauteur de plusieurs lignes peut changer (et je dois donc ré-aligner pas seulement la ligne sur la cellule cliquée, mais potentiellement plusieurs lignes.. :/)

Mais en effet, le calcul "le plus lourd" est à l'ouverture. La suite, en intéractif, devrait normalement nécessiter moins de redimensionnement qu'à l'ouverture

[mathieu]

pour le 1er chargement vous pouvez déjà optimiser cela en lançant la mise en page seulement quand le chargement est fini
avec jQuery cela peut se faire avec les méthodes "load" ou "ready" par exemple :
http://api.jquery.com/category/events/document-loading/

[gabrielS]

Merci !

J'ai trouvé un des gros problèmes de l'affichage quand même. Apparemment, faire un set sur le Height d'une TR, le navigateur est pas très content.. En faisant le set de la hauteur sur les élements contenus dans les TD, j'ai (beaucoup) gagné en performance ! Je clos le sujet mais si quelqu'un a une idée du pourquoi le height sur tr/td prend un temps fou.. je suis preneur

Merci Mathieu