Lighthouse是用于提高网站质量的自动化工具。
给他一个URL，提供了有关如何提高页面性能，使页面更易于访问，遵循最佳实践等建议的列表。
您可以在Chrome DevTools中运行它，也可以将其作为Chrome扩展程序，甚至可以作为Node模块运行，这对于持续集成很有用。
一段时间以来，Lighthouse提供了许多提高页面加载性能的技巧，
例如：启用文本压缩或减少渲染阻塞脚本。 Lighthouse团队将继续进行新的审核，以为您提供更多有用的建议，以使您的网站更快。
功能列表：
- Main Thread Work Breakdown
- Preload Key Requests
- JavaScript Boot-up Time is High
- Avoids Page Redirects
- Unused JavaScript
- Uses Inefficient Cache Policy on Static Assets
- Avoid Costly Multiple Round-Trips to Any Origin
- Use Video Formats for Animated Content
- All text remains visible during webfont loads
- Unminified CSS & JavaScript
- Unused CSS Rules
Main Thread Work Breakdown
如果您曾经在DevTools中使用过性能面板，那么您可能会很费力地弄清加载页面所花费的CPU时间。
我们很高兴地宣布，现在可以通过新的主线程工作分解审核轻松，方便地获取此信息。
灯塔中的主线程活动明细
图1. Lighthouse中主线程活动的分解。
此新诊断程序评估页面加载期间发生了多少活动以及什么样的活动，您可以使用它来处理与布局，脚本评估，解析和其他活动有关的 加载性能问题。
Preload Key Requests
当浏览器检索资源时，它们这样做是因为它们在文档及其子资源中找到对它们的引用。有时这可能不是最理想的，因为在页面加载过程的后期发现了一些关键资源。幸运的是，rel = preload使开发人员能够向兼容的浏览器提示应尽快获取哪些资源。新的Preload Key Requests审核使开发人员知道rel = preload可以更快地加载哪些资源。
预载密钥要求Lighthouse审核
建议资源列表以考虑进行预加载。
图2. Preload Key请求Lighthouse审计，建议考虑进行预加载的资源列表。
在有和没有rel = preload的情况下测试和比较性能变化是非常重要的，因为它可能以您意想不到的方式影响加载性能。例如，预加载大图像可能会延迟初始渲染，但是要权衡的是，预加载的图像将在布局中更快地出现。始终确保您对结果感到满意！
