重い処理を行っているとGIFアニメが止まってしまう

質問

お世話になります。

ローディング画面を作成しようと思いスピナーのGIFを用意しました。

<div id="main">
<div id="loading"><img src="spinner.gif" /></div>
</div>

上記のような感じで画面遷移した際にはスピナーが表示されるようにして、
ページの読み込みが終わった際に

$(window).load(function() {
$("#main").load('htmlのURL');
});

のように、htmlを読み込んで表示しようとしています。
実際にはjqueryのajax通信を使って非同期にサーバー側でHTMLを生成してそれを読み込むようにしているのですが、読み込む際にスピナーのGIFアニメが止まってしまいます。
重い処理(サーバー側の処理)を行っているからだと思うのですがGIFアニメをとめずにhtmlを更新することはできないのでしょうか。
よろしくお願いします。

回答No.1

LancerVII · ベストアンサー

こんにちは。

>重い処理(サーバー側の処理)を行っているからだと思うのですが
サーバ側の処理はおそらく関係なく返ってきたHTMLを構成する際、クライアントの処理能力の問題だと思います。
(処理を同時に走らせるとギクシャクするイメージ)
返すHTMLの中身を軽くするとか、HTMLではなく必要最低限な情報をJSON形式で返すとか。
それで改善するかはわかりませんが。

お礼

ありがとうございます。

その通りで、HTMLの描画に時間がかかっているようでした。
JSON形式で返すように作ってみます。