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