网站性能
性能是用户体验的一个重要方面。网页的加载速度和响应用户输入的速度会显著影响用户对您网站的看法，并且还会决定用户是继续浏览您的网站还是放弃您的网站。在本页面上，您可以找到有关各种 Web 性能主题的丰富信息，这些信息有助于您加快网站速度并保持其快速运行。
跳至本页面：
课程
刚开始接触效果衡量？
网站性能是一个复杂且多方面的主题领域，但并非无法学习！如果您刚开始接触性能，我们的课程将帮助您快速上手，首先向您介绍性能基础，帮助您逐步完成更高级的主题。完成本课程后，您将能够立即运用所学知识！
PageSpeed Insights
您必须先衡量网站的性能，然后才能提升其性能。PageSpeed Insights 是一款工具，可使用以用户为中心的重要指标衡量网站的性能，并帮助您找出可以改进网站性能的方面。
Core Web Vitals
Core Web Vitals 指标是一组侧重于用户体验的三个指标。这些指标用于衡量网页的性能和易用性，包括感知的加载时间、视觉稳定性和对用户输入的响应速度。如果您刚开始接触核心 Web 指标，请参阅以下指南，熟悉这些指标的运作方式，并了解如何着手优化这些指标。
优化 Core Web Vitals
您可以优化 Core Web Vitals 指标中的每项指标，以提升用户体验。这些指南中的每一份都深入介绍了如何运用久经考验的技术来提升网站的性能和可靠性，从而提高用户互动度并降低用户流失的可能性。
优化 Largest Contentful Paint (LCP)
了解如何为用户优化 LCP，以便他们能够尽快看到您网页上最重要的内容。
优化 Cumulative Layout Shift (CLS)
了解如何为用户优化 CLS，让用户预期您的网站会保持稳定且更易于使用。
优化 Interaction to Next Paint (INP)
了解如何为用户优化 INP，让他们可以预期您的网站会对互动做出快速响应。
深入了解 Core Web Vitals
了解这三个 Core Web Vitals 指标及其优化方法是一个很好的起点，但与之相关的主题还有更多。此内容集将帮助您了解如何衡量和调试这些指标，以及有关 Cookie 通知、轮播界面和其他常见界面问题的一些其他最佳实践。
案例研究
提升性能不仅能改善用户体验，还有助于您的业务发展壮大。了解这些公司如何改进 Core Web Vitals 并提升业务指标。
基准 新推出的 Web 性能功能
向 Web 开发者发出基准信号，指明 Web 平台功能可以在所有主流浏览器引擎中安全使用。以下是一些现已纳入 Baseline 新版的与 Web 性能相关的功能。
content-visibility
content-visibility CSS 属性于 2024 年 9 月变为“新基准”。
AVIF
AVIF 图片格式于 2024 年 1 月成为“新推出的基准”。
模块预加载
模块预加载已更名为“基准”。此功能将于 2023 年 9 月推出。
Server-Timing
Server-Timing HTTP 响应标头已于 2023 年 3 月成为“新推出的基准”。
使用 Chrome DevTools 调试性能
Chrome DevTools 是一套供开发者调试 Web 应用的工具，其中包括有助于您了解和提升 Web 应用性能的工具。