Discussion :

[topolino]

Bonjour,

J'essaye avec mon serveur de push de rafraichir des données cote HTML. J'essaye de trouver la manière la plus efficace de le faire.
Pour cela je n’utilise aucun Framework donc j'utilise que du Javascript "pure".

Si j'ai une dizaine de lignes avec une dizaine de colonnes à afficher et a raffraichir plusieurs fois par seconde, qu'elle est a votre avis la meilleur facon de le faire.

HTML
<table> ?
<ul><li>?

Javascript
Manipuler le DOM ?
Tableaux à n dimension ?

Pour l'instant j'ai opté pour ul li mais je trouve les performances pas terrible, Pour l'instant pour l'exemple j'affiche et mets à jour un seul champ

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
var li = document.getElementById("requestId" + requestId);
if (li === null) {    
    var li = document.createElement('li');
    li.setAttribute('id', 'requestId'+requestId)
    li.innerHTML = time;
    $instruments.appendChild(li);
} else {
    li.innerHTML = time;
}

Merci pour vos conseils

[topolino]

J'utilise les createDocumentFragment et j'ai gagné 50% de perf.
Si vous avez des idees je suis preneur.

Comment afficheriez vous les resulats pour que ca ressemble a un tableau ?
ul li span span span li span span span li span span span.... ou table ou autre ?

[Bovino]

Comment afficheriez vous les resulats pour que ca ressemble a un tableau ?

Ca dépend beaucoup de tes contraintes, mais si tu en as la possibilité, un affichage flex est une bonne alternative.

EDIT : en tout cas, pas de table, c'est ce qu'il y a de pire à afficher niveau performances !

[topolino]

Je suis en HTML5, Flex c quoi ? comme Flash ?

[Bovino]

Pas du tout, c'est du CSS !
Redécouvrez la mise en page avec Flexbox.

[Watilin]

Si les données ont une structure de tableau, je ne vois pas de raison de ne pas utiliser <table>. Avec la règle CSS table-layout: fixed compatible IE5 (doc), la performance me semble tout à fait satisfaisante.