¿Por qué jQuery Ajax es tan lento en IE7?

Question

Tengo un problema con las llamadas jQuery AJAX en IE7. Este sencillo código funciona bien en FF y Opera. Pero en IE7 toma 3-5 segundos. - ¡Eso es 20 veces más lento que FF! Cargar contenido es HTML puro y código JavaScript en línea. Sin representación JS. Incluso cambié de código JavaScript en línea. Bu todavía lento.

$('#block').load('some url'); 

Cómo resolver este problema? Cualquier ayuda sería muy apreciada.

Answer 1

Cómo resolver este problema? Cualquier ayuda sería muy apreciada.

Detecta IE7 en la carga de la página y proporciona una sugerencia discreta para que los usuarios que no les gusta la carga lenta se actualicen.

Answer 2

Realmente no hay mucho que pueda hacer. El motor de JavaScript de IE es mucho más lento que cualquiera de los otros (de hecho, apesta). Puedes probar IE8. Es es mejor ... marginalmente ...

Answer 3

Tuve el mismo problema con el motor slow jscript ie7. Agregué una ventana emergente de estado para el humano. Actualizo la ventana de estado mientras el JS procede en fragmentos. Pseudocódigo:

1. Cree un contenedor de estado utilizando su biblioteca favorita js. Yo prefiero YUI Ver su api contenedor.
2. Cargue parte de su carga de datos. - primero tendrá que dividirlo en trozos
3. Actualice el estado emergente de estado. (Incremente el% de carga completada, aumente el indicador de una barra, etc.) Tenga en cuenta que la pantalla probablemente no cambie en este punto ya que su hilo JS aún está en funcionamiento.
4. A continuación, llamar

var t = setTimeout("next_step(2)", 0); 
// Where arg of 2 would mean do the second step 
// This will yield to the browser, and the display will then be updated. 
// If you want to maintain the value of "this" in the function, then do 
// something like 
var t = setTimeout("next_step.call(MyContext, 2)", 0); 
// using call to set the function's context.

El fondo es que el usuario verá algo cambia en la pantalla. Tenga en cuenta que el paso de ceder con un tiempo de espera de 0 lleva bastante tiempo, en términos relativos. Entonces, mi código prueba el navegador y hace más trabajo por fragmento si es distinto de IE.

Es muy importante proporcionar comentarios cambiantes para el usuario. De lo contrario, creen que está tardando más de lo que realmente es.

HTH,

Larry

Answer 4

Tendría que ver el código real, pero enfrentado a un problema similar que tenía que deshacerse de jQuery.load(). En su lugar, utilicé jQuery.get() con el tipo de datos "html" y escribí mi propia devolución de llamada, donde inyecté los datos a través de .innerHTML. Al hacerlo, también presiono otro error (era < y seleccioné la etiqueta >, y IE no permitió .innerHTML), así que escribí una solución fea.

código resultante fue algo como esto:

// Fetch data (GET method allows me to use browser cache) 
$.get(url, get, function(htmlValues, txtStatus){ 
    that.populateSelects(htmlValues, that.selectContainers); 
}, "html"); 


// Create <select> 
var select = $('<span><select disabled="disabled"></select></span>'); 
$("<option>").attr("value", "").text("Loading...").appendTo(select.find("select")); 


// Populate <select> 
that.populateSelects = function(values, selectContainers){ 
    var span, select, tags; 

    for(var i=0, len=selectContainers.length; i<len; i++){ 
     span = selectContainers[i]; 

     if($.browser.msie){ 
     tags = span.innerHTML.match(/^(<select[^>]+>).*(<\/select>)$/i); 
     span.innerHTML = tags[1] + values + tags[2]; 
     select = span.firstChild; 
     }else{ 
     select = span.firstChild; 
     select.innerHTML = values; 
     } 
     $(select).removeAttr("disabled"); 
    } 
}