2

同じページに 2 つの .ajax 呼び出しがあり、Google と flickr API に接続しています。

$.ajax({
    type: "GET",
    url: 'https://gdata.youtube.com/feeds/api/users/marcomshull/uploads?v=2&alt=json&max-results=3&callback=?',
    contentType: "application/json; charset=utf-8",
    dataType: 'json',
    cache: false,
    success: function(data)
    {
        // some function
    }
});

なんらかの理由で、受け取ったデータで何もしなくても、ページの速度が低下しているように見え、「.animation()」やその他の JavaScript 機能で大きな遅延が発生します。

Firefox と Chrome は優れた結果を示しました。

ページがロードされた後、コンテンツをロードするためにページのちらつきを数秒間遅くするリクエストをさらに作成しようとすると、その後正常に動作します。

私はIE7とIE8を使用しています。
最初の ajax リクエストは 6 項目 (~32.64KB) で、2 番目は 10 項目 (~1.83KB) です。
ページで合計 29 のリクエスト - 68kb のデータ。

4

2 に答える 2

0

IE7 と IE8 は、今日の用語ではかなり古いブラウザーであり、多くの可動部分 (jQuery アニメーションなど) を含むページで作業している場合、多くの速度低下が見られることがあります。ただし、IE7ではさらにそうです。IE8 はある程度目立つはずですが、IE7 ほど悪くはありません。

そうは言っても、IE7/IE8 で ajax 呼び出しを完全に削除し、ページのパフォーマンスを分析してみましたか? 電話がなければ同じくらい悪いと思います。

私は数年前にこの同じ問題を抱えていましたが、古いテクノロジーで多くのことをしようとしているだけであることに気付きました =/.

于 2012-09-06T15:38:35.980 に答える
0

これが可能かどうかはわかりませんが、アニメーションの終了後に ajax 呼び出しを行うと、効果のパフォーマンスが向上します。

例:

$('#content').animate(600, function(){
//ajax call here
)};
于 2012-09-06T15:58:50.420 に答える