JSスキャナー

JavaScriptのパフォーマンス、カバレッジ、エラーを包括的に分析

メリット

Total Blocking Time分析

JavaScriptによるメインスレッドのブロック時間を測定。インタラクティビティを低下させ、Time to Interactiveを増加させるロングタスクを特定します。

未使用コードの検出

ファイルごとに未使用JavaScriptを正確なバイト数で分類。ページ読み込みを遅くするデッドコードや過大なバンドルを素早く発見します。

スクリプト読み込み戦略の監査

レンダリングブロックスクリプトとasyncまたはdeferスクリプトを区別。First Contentful Paintを遅延させるサードパーティスクリプトを発見します。

ランタイムエラーと非推奨APIの追跡

コンソールエラー、スタックトレース付きの未処理例外、非推奨ブラウザAPIの使用を1回のスキャンですべてキャプチャします。

TBTは、長いJavaScriptタスク（各50ms超）によってメインスレッドがブロックされる合計時間を測定します。TBTが高いとスクリプトの実行が終わるまでユーザー操作が遅延するため、ページが重く感じられます。

Chromeの組み込みコードカバレッジAPIを使用して、ページ読み込み中に各スクリプトファイルのどのバイトが実際に実行されたかを追跡します。実行されなかった部分は未使用としてフラグ付けされ、ファイルごとにパーセンテージで表示されます。

asyncやdefer属性なしで読み込まれたスクリプトは、ダウンロードと実行が完了するまでHTMLパーサーをブロックします。これによりレンダリングが遅延します。監査ではそのようなスクリプトをすべてフラグ付けし、async/deferの追加やページ下部への移動を促します。

はい。各スクリプトはファーストパーティまたはサードパーティに分類されます。どの外部スクリプトがレンダリングをブロックしているか、未使用コードがどれだけあるか、エラーや非推奨APIの呼び出しが発生しているかを確認できます。

スクリプトにsource mapsが含まれている場合、ツールはそれを解析して各バンドル内のすべてのモジュールをビジュアルツリーマップとして構築します。正確なサイズとコードカバレッジが表示され、最適化または削除すべき依存関係を特定できます。