0

読み込みが速い Web サイトがありますが、おそらくスクリプトが原因で、途中でページの読み込みが停止したように見えることがあります。

Web サイトはhttp://www.pinspired.comです。右側のタブ付きサイドバーが問題です。タブで単純なjqueryタブプラグインとtwitterおよびfacebookスクリプトを使用しています。

  1. まず、ページはすぐに読み込まれますか?

  2. ページの残りの部分の読み込みを停止しているスクリプトを特定するにはどうすればよいですか。まれにしか発生しないため、テストするのは困難です。

前もって感謝します。

4

3 に答える 3

3

開発ツールを実行したところ、jquery.carousel プラグインに最も時間がかかったようです。

それはさておき、iframe を使用してカルーセルにロードすることを再検討する必要があると私は感じています。ページに複数の iframe があると、ページの速度が低下する可能性があることは知っています。また、その iframe 内にロードしているコンテンツのサイズを考慮すると、遅延が説明できる場合があります。iframe について調査し、iframe が DOM にロードされる順序を検討することをお勧めします。

于 2012-11-13T21:44:01.377 に答える
1

あなたのサイトの読み込みはここで問題ありません。

Facebookの「いいねボックス」については、iframeバージョンの利用を検討してください。

http://developers.facebook.com/docs/reference/plugins/like-box/

「Get Code」ボタンをクリックした後、「IFRAME」を選択します。これにより、問題が解決する場合があります。

于 2012-11-13T21:05:30.890 に答える
1

Chrome 開発者ツールをご覧になることをお勧めします。各リソースのロードにかかる時間を確認できます (ランディング ページをロードするためだけの 87 リクエスト - すごい!)。おそらく最適化できるもの。

例えば

  • 同じドメインから読み込んでいる JavaScript をマージします
  • 圧縮されたスクリプト/html ファイルを送信するために gzip を使用するように Web サーバーを設定します
  • 多くのリソースは明示的にキャッシュ不可に設定されています。たとえば、すべての製品画像とソーシャル メディアのピン (それらが何度も何度も読み込まれるのを防ぎ、最初のページの読み込み後に処理が大幅に高速化されるのを防ぎます)
  • ソーシャル メディアのピンなどの画像をマージし、CSS スプライトを使用する
  • サイトごとに異なる/必要なcssスクリプトのみを提供します。クロムによると、約 300kb の CSS ルールがフロントページで使用されていません

Chrome Developer Toolsを使用して、これらすべてを見つけることができます。必要なのは Chromium/Google Chrome だけです。

それが本当に facebook スクリプトである場合、fb プラグインをロードする前にわずかな遅延を追加することはできませんか? 500 から 1000 ミリ秒程度のように、他のすべて (ほとんどの場合) がロードされます。

編集:投稿されたdrawcodeの回答は正しいです。jquery.jcarousel が原因で遅延が発生しているようです。ここを参照してください： ピンスパイアされた負荷図

于 2012-11-13T21:16:51.563 に答える