パフォーマンス
サイトのパフォーマンスを向上させる Chrome のツールや手法をご確認ください。
DevTools
DevTools のスタートガイド
DevTools は、パソコンで実行されているウェブ アプリケーション（ウェブページ、ウェブ ワーカー、拡張機能など）の動作を検査してデバッグできるツールスイートです。
ランタイム パフォーマンスを分析する
DevTools を使用して、要素のレンダリングとレイアウト、JavaScript の実行、ネットワーク アクティビティなど、サイトのパフォーマンスを検査してデバッグします。
機能リファレンス
[機能] のリファレンス セクションでは、各機能について、測定するパフォーマンス指標や、それらの指標に影響する要因など、詳細な情報を提供しています。
タイムライン イベントのリファレンス
タイムライン イベントのリファレンス セクションでは、[パフォーマンス] パネルの [タイムライン] に表示される各イベントタイプの詳細情報を提供します。
ウェブサイトのパフォーマンスに関する行動につながるインサイトを取得
分析情報は、サイトのパフォーマンスを改善するのに役立つ実用的な最適化案です。
Lighthouse
Lighthouse を使ってみる
Lighthouse は、ウェブページのパフォーマンスをすばやく簡単に監査できるツールです。
パフォーマンス監査スコア
Lighthouse がサイトのパフォーマンス スコアを計算する方法を理解します。
指標
指標セクションでは、Lighthouse が測定する各パフォーマンス指標について詳しく説明します。
インサイト
分析情報は、サイトのパフォーマンスを改善するのに役立つ実用的な最適化案です。
診断
診断は、サイトのパフォーマンスに関する問題を理解してデバッグするうえで役立つ、Lighthouse が提供する追加情報です。
学習コース
パフォーマンスを学ぶ
ウェブ パフォーマンスはウェブ開発において非常に重要な要素であり、ページの読み込み速度や、ユーザー入力に対する応答性に重点を置いています。ウェブサイトのパフォーマンスを最適化すると、ユーザー エクスペリエンスが向上します。ユーザー エクスペリエンスの向上は、ウェブサイトの目標を達成するうえで大いに役立ちます。
web.dev のこのコースは、ウェブ パフォーマンスを初めて学ぶ方を対象としています。