ページ搭載js及び性能分析方法紹介

一、先に静的ページの参照jsファイルをロードして、参照ファイルにonload関数が含まれているかどうかを検索します。例えば、main.jsにonload関数が含まれています。main.jsで他のjsファイルに対する参照があるかどうかを検索して、優先的にjsファイルをロードします。参照されているファイルのロード順序はmain.jsの順序と一致します。ロード完了後、Oload関数の実行を開始します。jsの実行順序は順次実行するので、ページの相応するスピードを高めるために、普通のやり方はonloadの中でページだけをかくので、いくつかのイベントのバインディング関数、ajax方法などは後で書くことができます。二、応答速度分析1.ツールを使って、各ブラウザの開発者ツール（火狐が一番好き）を分析して、各jsファイル、htmlファイル、cssファイルと画像のロードと実行時間を簡単に確認することができます。2.ハードコード分析は第一歩でボトルネックjsファイルにほぼ位置決めできました。ボトルネックjsでは、consone.time（'test'）とconsoline.Endtime（'test'）文を使って、js関数とコードブロックの実行時間を摘むことができます。しかし、consolie文は非IEブラウザでのみ有効であり、IEではエラーが発生します。IEが好きならタイムスタンプを使いましょう。摘出時に便利な方法は、jsファイル全体を直接的に絞ることです。そして、ファイアフォックスブラウザを使って、F 12によって操作台の中に目標jsの関数とコードブロックの消耗を全部見ることができます。ボトルネックコードに位置します。