跳至主要内容
web.dev
资源
  • 网络平台
  • 您可以按照自己的节奏深入了解 Web 平台。
  • HTML
  • CSS
  • JavaScript
  • 用户体验
  • 了解如何打造更好的用户体验。
  • 性能
  • 无障碍
  • 身份
  • 学习
  • 快速了解 Web 开发。
  • 学习 HTML
  • 学习 CSS
  • 了解 JavaScript
  • 学习 AI
  • 了解效果
  • 了解无障碍功能
  • 更多课程
  • 其他资源
  • 探索内容集、图案等。
  • AI 和 Web
  • 探索
  • 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 和 Web 加载时间短 了解 Core Web Vitals 身份 渐进式 Web 应用 收款 通知 如何优化 INP 网络可靠性 回应 动画 迷你应用 媒体 安全可靠 WebAssembly 设备 易于发现 测试自动化 Angular
web.dev
  • 资源
    • 更多
    • AI 和 Web
    • 加载时间短
    • 了解 Core Web Vitals
    • 身份
    • 渐进式 Web 应用
    • 收款
    • 通知
    • 如何优化 INP
    • 网络可靠性
    • 回应
    • 动画
    • 迷你应用
    • 媒体
    • 安全可靠
    • WebAssembly
    • 设备
    • 易于发现
    • 测试自动化
    • Angular
  • Discover
  • 基准
  • 如何使用 Baseline
  • 博客
  • 案例研究
  • 概览
  • Web Vitals
  • 核心网页指标的业务影响
  • 为业务决策者优化核心网页指标
  • 核心网页指标
  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • Interaction to Next Paint (INP)
  • 定义核心网页指标阈值
  • 衡量核心网页指标
  • 开始衡量 Web Vitals
  • 使用 Google 工具构建核心网页指标工作流程
  • 衡量实际网页指标的最佳做法
  • 为什么 CrUX 数据与我的 RUM 数据不同？
  • 调试核心网页指标
  • 为什么实验室数据和现场数据可能不同（以及如何处理这些数据）
  • 调试布局偏移
  • 在现场调试性能
  • 改进核心网页指标
  • 优化 Largest Contentful Paint
  • 优化 Cumulative Layout Shift
  • 优化 Interaction to Next Paint