性能审核
这些检查可以确保您的网页已经过优化,使用户能够看到网页内容并与之互动。
- 性能审核得分 #
- Lighthouse performance scoring Learn how Lighthouse generates the overall Performance score for your page.
- Lighthouse performance scoring
- 指标 #
- First Contentful Paint Learn about Lighthouse's First Contentful Paint metric and how to measure and optimize it.
- Speed Index Learn about Lighthouse's Speed Index metric and how to optimize it.
- 总阻塞时间 了解 Lighthouse 的总阻塞时间指标以及如何测量和优化它。
- Largest Contentful Paint Learn about Lighthouse's Largest Contentful Paint metric and how to measure and optimize it.
- Cumulative Layout Shift Learn about the Cumulative Layout Shift (CLS) metric and how to optimize for it.
- First Contentful Paint
- 机会 #
- Eliminate render-blocking resources Learn about the render-blocking-resources audit.
- Properly size images Learn about the uses-responsive-images audit.
- Defer offscreen images Learn about the offscreen-images audit.
- Minify CSS Learn about the unminified-css audit.
- Minify JavaScript Learn about the unminified-javascript audit.
- 删除未使用的 CSS 了解 unused-css-rules 审计。
- 对图像进行高效编码 了解 uses-optimized-images 审计。
- Serve images in modern formats Learn about the uses-webp-images audit.
- 启用文本压缩 了解启用文本压缩如何提高网页加载性能。
- 预连接到所需的源 了解 uses-rel-preconnect 审计。
- Reduce server response times Learn about the server-response-time audit.
- 避免多个页面重定向 了解为什么页面重定向会减慢网页的加载速度以及如何加以避免。
- Preload key requests Learn about the uses-rel-preload audit.
- Use video formats for animated content Learn about the efficient-animated-content audit.
- Reduce the impact of third-party code Learn how third-party code, like advertising networks and analytics services, affects page load performance, and how you can optimize third-party code.
- 避免非合成动画 如何通过“避免非合成动画”Lighthouse 审计。
- 使用 Facade (外观)延迟加载第三方资源 了解使用 Facade 延迟加载第三方资源的机会。
- Eliminate render-blocking resources
- 诊断 #
- 避免巨大的网络有效负载 了解如何通过减少为用户提供资源的总文件大小来提高网页的加载时间。
- Serve static assets with an efficient cache policy Learn how caching your web page's static resources can improve performance and reliability for repeat visitors.
- 避免 DOM 过大 了解大型 DOM 如何降低网页性能以及如何在加载时减小 DOM 的大小。
- 避免链接关键请求 了解什么是关键请求链,它们如何影响网页性能, 以及如何减少这种影响。
- User Timing marks and measures Learn how the User Timing API can help you get real-world performance data for your web page.
- 减少 JavaScript 执行时间 了解 JavaScript 执行如何降低页面性能以及如何加速。
- Minimize main thread work Learn about the browser's main thread and how you can optimize your web page to reduce main thread load and improve performance.
- Ensure text remains visible during webfont load Learn how to use the font-display API to make sure your web page text will always be visible to your users.
- Keep request counts low and transfer sizes small Learn how high resource counts and large transfer sizes affect load performance. Get strategies for reducing request counts and transfer sizes.
- Ensure the page can be restored from the back/forward cache How to use Lighthouse to test if a page can be restored from the back/forward cache.
- 避免巨大的网络有效负载
- Retired metrics #
- Time to Interactive Learn about Lighthouse's Time to Interactive metric and how to measure and optimize it.
- First Meaningful Paint Learn about Lighthouse's deprecated First Meaningful Paint metric and how to measure and optimize it.
- First CPU Idle Learn about Lighthouse's deprecated First CPU Idle metric and how to optimize it.
- Max Potential First Input Delay Learn about Lighthouse's deprecated Max Potential First Input Delay metric and how to measure and optimize it.
- Time to Interactive