了解 Chrome 提供的有助于提升网站性能的工具和技术。

DevTools

DevTools 是一套工具,可让您检查和调试在计算机上运行的 Web 应用(包括网页、Web Worker 和扩展程序)的行为。
使用开发者工具检查和调试网站的性能,包括元素的渲染和布局、JavaScript 的执行以及网络活动。
“功能”参考部分详细介绍了各项功能,包括它们衡量的效果指标以及影响这些指标的因素。
“时间轴事件参考”部分详细介绍了“效果”面板的时间轴中显示的每种事件类型。
数据分析是富有实用价值的建议,可帮助您提升网站的效果。

Lighthouse

Lighthouse 是一款可让您快速轻松地审核网页性能的工具。
了解 Lighthouse 如何计算网站的性能得分。
“指标”部分详细介绍了 Lighthouse 衡量的各项性能指标。
数据分析是富有实用价值的建议,可帮助您提升网站的效果。
诊断信息是 Lighthouse 提供的额外信息,可帮助您了解和调试网站性能方面的问题。
课程

Web 性能是 Web 开发的一个重要方面,侧重于网页加载速度以及对用户输入的响应速度。通过优化网站来改善性能,您可以在为用户提供更好的体验。更出色的用户体验大有帮助,让您能够实现预期的网站目标。

本课程来自 web.dev 的目标受众是刚开始接触 Web 性能的新手。