IE7でjQuery Ajaxが遅いのはなぜですか？

Question

IE7でjQuery AJAX呼び出しに問題があります。この単純なコードは、FFとOperaでうまく動作します。しかし、IE7では3-5秒かかる。 - それはFFより20倍遅いです！コンテンツの読み込みは、純粋なHTMLとインラインJavaScriptコードです。 JSレンダリングなし。私はインラインJavaScriptコードを回しました。まだ遅いです。

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

この問題を解決するにはどうすればよいですか？どんな助けでも大歓迎です。

Answer 1

この問題を解決するにはどうすればよいですか？どんな助けも高く評価されます。

IE7のページを読み込み、低速読み込みが気に入らないユーザーはアップグレードするように個別に提案してください。

Answer 2

本当にあなたができることはあまりありません。 IEのjavascriptエンジンは、他のどのエンジンよりも遅いです（実際は、それはうんざりです）。あなたはIE8を試すことができます。それははより良い...わずかに...

Answer 3

私は遅いjscript ie7エンジンで同じ問題がありました。私は人間のためのステータスポップアップウィンドウを追加しました。私は、JSがチャンクで進行するので、ステータスウィンドウを更新します。擬似コード：

1. favit jsライブラリを使用してステータスコンテナを作成します。私はYUIを好む。それらのコンテナAPIを参照してください。
2. データの一部が読み込まれますか。 - まずチャンクに分割する必要があります
3. ステータスポップアップを更新します。 （完了したロードの割合を増やし、バーのインジケータを増やすなど）JSスレッドがまだ実行されているので、この時点では画面はおそらく変更されないことに注意してください。
4. 次に、ボトムライン

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.

を呼び出して、ユーザーが画面上で変化するものが表示されることです。タイムアウト0で降伏するステップは、比較的長い時間がかかります。だから、私のコードはブラウザをテストし、IE以外のものであれば、チャンクごとに多くの作業をします。

フィードバックを変更することは非常に重要です。そうでなければ、彼らはそれが実際よりも長くかかると思っています。

HTH、

ラリー

Answer 4

私は実際のコードを参照する必要がありますが、私はjQuery.load（）を取り除くために持っていた同様の問題に直面していると思います。代わりにのjQuery.get（）を "html"データ型で使用し、私自身のコールバックを書き込んで、.innerHTMLでデータを注入しました。そうすると、別のバグ（< >タグが選択され、IEで.innerHTMLが許可されない）が発生したので、私は醜い回避策を書いた。

// 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"); 
    } 
}