web-dev-qa-db-ja.com

読み込みが完了しないページ:診断方法

ユーザーが不満を言うこともありますが、たぶん私たちはたまに、読み込みが完了しないWebページを見ることがあります。 Google Chromeでは、回転する円は永遠に続きます。各ブラウザには独自のバージョンがあります。

一般的な原因の1つは、ドキュメントの間違った長さを報告するWebサーバーです。ブラウザは、来ないバイトを永遠に待ちます。

しかし、それだけが原因ではありません。特定の「ロードが終了しない」状況を診断するにはどうすればよいですか?

編集:これを常に行うページは非常に簡単に見つけることができます。特にintermittentの問題、特にページがロードされない(遅いだけでなく、これらのページがロード完了として報告しない)問題を診断するためのヒントを探しています。最近のほとんどのページには、ソースとおそらく1つまたは2つのCDNが混在しているため、高速で複雑になる可能性があります。

5
Bryce

ページの読み込みが完了しない理由を正確に把握するには、次の手順を実行する必要があります。

  1. ページでサードパーティのスクリプトを呼び出していますか?はいの場合、それらが適切に応答するかどうかを確認します。
  2. Webサイト/サーバーでウイルスとハッキングを確認してください。
  3. ページを分析します here または here
  4. サーバーのドライブ容量がいっぱいでないことを確認してください。追加の空きスペースが必要です。

上記のサイトアナライザーは、ページの読み込みが非常に遅い理由を知るのに役立ちます。

4
Helping Hands

Pingdom を使用してWebサイトまたはWebページを確認すると、ファイルの詳細なリストと、各ファイルが消費した時間を取得できます。

  1. Yslow をすべての主要なブラウザのアドオンとして使用することもできます。

  2. 別のオプションは Google Pagespeed です。 WebサイトまたはWebページを分析できます here 。また、Google Chromeアドオンも利用できます。

私の個人的な選択は、その詳細なレポートのために常に平凡でした。

2
Shreyo Gi

「ホイールが回転し続けるだけ」の場合、ブラウザは何かを(どこかから)まだロードしているとみなします。ブラウザの開発者ツール->ネットワークタブを開いて(そしてページをリロードすると)、最終的に下部に「Loaded」と表示されます(例:赤)。

enter image description here

存在する場合、XHRリソースを待機してスピンしている可能性がありますが、確実ではありません。起動しない場合、待機中、初期リソース(例:参照されるjavascriptファイル、またはイメージ)のロード、または「startup javascript」を実行していて、永久に実行されて終了しないか、「outページのメモリ(例:長すぎる文字列を生成する再帰ループなど)。

リソースを待機している場合、「ネットワーク」リストで、ロードを試みているが終了していないリソースが表示される場合があります。

Javascriptについては、Firefoxで実行できることがわかりました。しばらくすると、Firefoxは「Webページがブラウザの速度を低下させています。何をしますか?[やめなさい] [待って]」と言います。

left side firefox

「[Stop it]」をクリックすると、基本的に「現在実行中の」Javascript(おそらく/おそらく問題のあるもの)が中断され、javascript開発者コンソールに何が起こっているかを示すバックトレースが表示されます。ひどい。どうやらchromeで同様の動作が可能です(少なくともメモリが不足している場合、開発者ツールを開くと、中止され、不足するとトレースが表示され、中断することも可能です)しかし、私にとってはchromeの開発ツールでトレースを読むことはより困難でした(各トレースラインの完全なOrigin URLを簡単に表示できませんでした)FWIW。

他の回答の他のリンクも有用でした(私の場合、「ブラウザがメモリを使い果たした」または「サーバーに接続できません」という私の問題のすべての兆候がありました)。もう1つの有用なリンクは、 this です。

私の場合、prototype.jsの#inspectとgoogle(gapi)の1つのボタンの間に競合があり、何らかの無限ループ[?]が発生し、最終的にメモリ不足になりました。プロトタイプを更新すると、それが「修正」されたようです。

1
rogerdpack