javascript - ページの読み込み中にレイアウトが崩れる

Question

スライダーを使用して、いくつかの WordPress 投稿を表示しています。ページを開くと、その間に数秒間ハングし (時間は異なります)、レイアウトが壊れます (たとえば、最初の投稿ではなくスライダーのすべての投稿が表示されます) が、ページが読み込まれるとすぐにすべてが正常に戻ります。

これは、jQuery コードの読み込みが遅いためだと思います。それについて私にできることはありますか？

私は現在これを使用しています：

jQuery(document).ready(function() {
    jQuery("#foo1").carouFredSel();
});

また、何が原因であるかをFirebugで確認するにはどうすればよいですか? (どのリソースの読み込みに時間がかかっているか)、あまりにも速く発生するため、Firebug を確認する時間がありません。

Answer 1

Firebug には、ブラウザーが行ったり受け取ったりした要求/応答を表示できるネット パネルがあります。

jQueryではない可能性が高いと思います。サイトに数回アクセスすると、キャッシュに保存されます。

Answer 2

非表示にして display:none にすることができます。読み込まれるまで表示する

<script>    
jQuery(document).ready(function() {
jQuery("#foo1").carouFredSel();
jQuery("#foo1").show();
});
</script>
<div id="foo1" style="display:none"></div>