Ce qui peut être fait pour améliorer IE8 performance pour les grands ensembles de données?

Difficile à voir sans plus de détails ou un exemple... comment construisez-vous le contenu? Il ya un peu de peu de prises à la construction du contenu de la table: notamment par la mise en innerHTML directement sur <table> ne fonctionne pas dans IE, de sorte que jQuery html() sera probablement faire un long, lent chemin de ronde, si c'est ce que vous êtes en utilisant.

Mais une astuce pour quoi que ce soit avec des tables, en particulier les plus grands: définir le style table-layout: fixed sur le <table> élément de réglage de la colonne de width styles sur la première rangée de cellules seulement, ou sur un ensemble de <col>s. (Colonnes sans explicite width partagera le reste de la largeur à parts égales entre eux, dans une mise en page liquide situation.)

Puisqu'il ne dépend pas de la quantité de contenu dans chaque cellule, fixed disposition de table est plus rapide et beaucoup plus prévisible que la valeur par défaut auto table algorithme de mise en page.

OriginalL'auteur bobince

J'ai trouvé que lorsque vous êtes à l'insertion dynamique d'vaste, complexe contenu dans une page existante, c'est à dire est beaucoup (beaucoup) plus rapide à mettre en innerHTML qu'à la création par programme des dizaines ou des centaines de nœuds et de les insérer, si vous utilisez une bibliothèque client-side ou non. Si vous effectuez le rendu HTML côté serveur et de l'envoyer vers le bas comme une chaîne de caractères au lieu d'envoyer les données JSON et le rendu côté client, vous êtes à l'aide de plus de bande passante, mais IE les utilisateurs seront probablement avoir une meilleure expérience.

IE performances javascript est actuellement assez terrible, donc si vous voulez faire votre site plus rapide dans IE, en minimisant à grande échelle de manipulation du DOM est un bon début. Il ne devrait pas être trop difficile de faire un simple test de comparaison, pour voir si ce changement sera bénéfique pour votre situation particulière.

OriginalL'auteur Joel Mueller

   1. Avoid using script that going to make changes in DOM specially inside a loop.
        eg.

for ( var i = 0; i < rownodes.length; i++) {
  curRow = document.createElement("tr"); //this is a direct operation to DOM
  for(j=0 ;j <colLenth;j==){ 
     cell = document.createElement("td");
   }
}
//instead use..
var table = '<table>';
for ( var i = 0; i < rownodes.length; i++) {
   table = table + '<tr>'; //don't use DOM operation if not needed.
    for(j=0 ;j <colLenth;j==){   
      table = table + '<td> my text </td>';
    }
}
table = table + '</table>';//simple string operations will be much faster
('#myDiv').append($(table));//at the end you can add it to the DOM. 

[Building High Performance HTML Pages][1]

  [1]: http://msdn.microsoft.com/en-us/library/ms533002%28v=vs.85%29.aspx

OriginalL'auteur Arun Pratap Singh