¿Cómo acelerar la lectura de innerHTML en IE8?
Estoy usando JQuery con el complemento DataTable, y ahora tengo un gran problema de rendimiento en la siguiente línea.
aLocalData[jInner] = nTds[j].innerHTML; // jquery.dataTables.js:2220
Tengo una llamada ajax y una cadena de resultado en formato HTML. Los convierto en nodos HTML, y esa parte está bien.
var $result = $('<div/>').html(result).find("*:first");
// simlar to $result=$(result) but much more faster in Fx
Luego activo activar el resultado de una tabla simple a una tabla de datos ordenable. La velocidad es aceptable en Fx (alrededor de 4 segundos para 900 filas), pero inaceptable en IE8 (más de 100 segundos).
Lo comprobé en profundidad usando el generador de perfiles buildin, y descubrí que la línea única anterior toma el 99.9% del tiempo, ¿cómo puedo acelerarla? algo que me perdí?
nTrs = oSettings.nTable.getElementsByTagName('tbody')[0].childNodes;
for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
{
if ( nTrs[i].nodeName == "TR" )
{
iThisIndex = oSettings.aoData.length;
oSettings.aoData.push( {
"nTr": nTrs[i],
"_iId": oSettings.iNextId++,
"_aData": [],
"_anHidden": [],
"_sRowStripe": ''
} );
oSettings.aiDisplayMaster.push( iThisIndex );
aLocalData = oSettings.aoData[iThisIndex]._aData;
nTds = nTrs[i].childNodes;
jInner = 0;
for ( j=0, jLen=nTds.length ; j<jLen ; j++ )
{
if ( nTds[j].nodeName == "TD" )
{
aLocalData[jInner] = nTds[j].innerHTML; // jquery.dataTables.js:2220
jInner++;
}
}
}
}