メイン コンテンツにスキップ
web.dev
リソース
  • ウェブ プラットフォーム
  • 自分のペースでウェブ プラットフォームを学びましょう。
  • HTML
  • CSS
  • JavaScript
  • ユーザー エクスペリエンス
  • ユーザー エクスペリエンスを向上させる方法を学びます。
  • パフォーマンス
  • ユーザー補助
  • ID
  • 詳細
  • ウェブ開発の最新情報を把握する。
  • HTML を学ぶ
  • CSS を学ぶ
  • JavaScript を学ぶ
  • AI について学ぶ
  • パフォーマンスを学ぶ
  • ユーザー補助について
  • その他のコース
  • 参考情報
  • コンテンツ コレクションやパターンなどを探索できます。
  • AI とウェブ
  • 確認
  • PageSpeed Insights
  • ポッドキャストや番組
  • デベロッパー向けニュースレター
  • web.dev について
Discover ベースライン Baseline の使用方法 ブログ 事例紹介
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
ログイン
  • Articles
AI とウェブ 読み込み時間が速い Core Web Vitals について学ぶ ID プログレッシブ ウェブアプリ お支払い 通知 INP を最適化する方法 ネットワークの信頼性 React アニメーション ミニアプリ メディア 安全性 WebAssembly デバイス 見つけやすい テストの自動化 Angular
web.dev
  • リソース
    • その他
    • AI とウェブ
    • 読み込み時間が速い
    • Core Web Vitals について学ぶ
    • ID
    • プログレッシブ ウェブアプリ
    • お支払い
    • 通知
    • INP を最適化する方法
    • ネットワークの信頼性
    • React
    • アニメーション
    • ミニアプリ
    • メディア
    • 安全性
    • WebAssembly
    • デバイス
    • 見つけやすい
    • テストの自動化
    • Angular
  • Discover
  • ベースライン
  • Baseline の使用方法
  • ブログ
  • 事例紹介
  • はじめに
  • 速度が重要な理由
  • 速度とは
  • 速度の測定方法
  • 高速化するには？
  • Core Web Vitals
  • Web Vitals
  • ユーザー中心のパフォーマンス指標
  • Core Web Vitals の指標のしきい値の定義
  • Largest Contentful Paint（LCP）
  • Cumulative Layout Shift（CLS）
  • Interaction to Next Paint（INP）
  • Largest Contentful Paint を最適化する
  • Cumulative Layout Shift の最適化
  • 次のペイントに対するインタラクションを最適化する
  • Core Web Vitals を改善する最も効果的な方法
  • Google ツールを使用した Core Web Vitals のワークフロー
  • ビジネスの意思決定者向けに Core Web Vitals を最適化する
  • 現場でのパフォーマンスを測定する
  • Chrome ユーザー エクスペリエンス レポートを使って実際の環境でのパフォーマンスを確認する
  • ラボデータと実環境データに相違が生じる理由（および対処方法）
  • CrUX データが RUM データと異なるのはなぜですか？
  • リソース提供を最適化する
  • 最初のバイトまでの時間を最適化する
  • コンテンツ配信ネットワーク（CDN）
  • リソースの優先順位付け
  • 重要なアセットをプリロードして読み込み速度を改善する