Performance
Discover tools and techniques from Chrome to improve your site's performance.
DevTools
Get started with DevTools
DevTools is a suite of tools that lets you inspect and debug the behavior of web applications running on a computer, including web pages, web workers, and extensions.
Analyze runtime performance
Use DevTools to inspect and debug the performance of your site, including the rendering and layout of elements, the execution of JavaScript, and network activity.
Features reference
The Features reference section provides detailed information about each feature, including the performance metrics that it measures and the factors that contribute to those metrics.
Timeline event reference
The Timeline event reference section provides detailed information about each event type that appears in the Performance panel's Timeline.
Get actionable insights on your website's performance
Insights are actionable recommendations that help you improve the performance of your site.
Lighthouse
Get started with Lighthouse
Lighthouse is a tool that lets you quickly and easily audit the performance of a web page.
Performance audit scoring
Understand how Lighthouse calculates the performance score for your site.
Metrics
The metrics section provides detailed information about each performance metrics that Lighthouse measures.
Insights
Insights are actionable recommendations that help you improve the performance of your site.
Diagnostics
Diagnostics are additional information that Lighthouse provides to help you understand and debug issues with your site's performance.
COURSE
Learn Performance
Web performance is a crucial aspect of web development that focuses on the speed at which pages load, as well as how responsive they are to user input. When you optimize your website for performance, you're giving users a better experience. Better user experiences go a long way toward helping you achieve the goals you had in mind for your website.
This course from web.dev is designed for those new to web performance.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]