1。読み込み
最初に静的ページの参照jsファイルをロードし、次に、参照ファイルにmain.jsのonload関数などのonload関数が含まれているかどうかを見つけ、main.jsの他のJSファイルへの参照があるかどうかを見つけ、優先度は参照JSファイルをロードすることです。参照されたファイルの読み込み順序は、main.jsの順序と同じです。
読み込んだ後、オンロード関数の実行を開始します。 JSの実行順序は順番に実行されるため、対応するページの速度を改善するために、通常、ページのみをオンロードで描画し、いくつかのイベントバインディング関数、Ajaxメソッドなどを執筆を遅らせることができます。
2。応答速度分析
1.ツールを使用して分析します
主要なブラウザの開発者ツール（Firefoxのように）は、各JSファイル、HTMLファイル、CSSファイル、および写真の読み込み時間と実行時間を簡単に表示できます。
2。ハードコーディング分析
最初のステップでは、基本的にBottleneck JSファイルを見つけることができます。 Bottleneck JSでは、console.time（ 'test'）およびconsole.endtime（ 'test'）ステートメントを使用して、JS関数とコードブロックの実行時間を計算できます。ただし、コンソールステートメントは非IEブラウザでのみ有効であり、IEでエラーが報告されます。 IEを使用する場合は、タイムスタンプを使用します。ピンチするとき、より便利な方法はJSファイル全体を直接ピンチし、Firefoxブラウザーを使用して、F12を押して、コンソールのターゲットJSのすべての機能とコードブロックの時間をかける時間を確認し、ボトルネックコードで見つけることができます。