どのリソースがウェブページをゆっくり読み込んでいるかを確認する方法

Question

1つのウェブページがゆっくりと読み込まれています。基本的に、ページの読み込みを遅くしているjavascriptが原因です。私は、ロードする時間がかかる同期コードがある場合、読み込み時間を遅くすることができることを理解しています。

私の質問は、どのスクリプトでこれが起こっているのかを調べる方法です。私はクロムネットワークデバッガに精通していますが、このスクリプトを見つける方法は正確にはわかりません。 JSファイルを見つけることができたら、ファイル内のコードのどの部分が遅くなっているかをどのようにチェックするのですか？

不明な点がある場合は教えてください。

Answer 1

ロード中に実行された操作でページのリソースを確認しようとしている場合は、Google Chrome（F12）でデベロッパーツールを開いて[パフォーマンス]タブ>> [レコード]をクリックしてページをリロードし、故障時間を考慮してください。

[監査]タブに移動し、新しい監査を開始してページの詳細なパフォーマンスを確認できます。 https://developers.google.com/speed/pagespeed/insights/

や場所を選択し、ページをテストするためにGTmetrixを使用します：

また、あなたがテストし、またあなたのWebページを高速化するために圧縮されたリソースを取得するには、GoogleのPageSpeedを使用することができますGTmetrixでhttps://gtmetrix.com

をあなたのページ（js、css、images）上の各リソースの所在を特定して修正するのに役立ちます。また、それらを修正するための有用な情報を提供します。

各ファイル/リソースの所要時間を表示するには、[ウォーターフォール]タブをクリックします。