前端性能优化工具 - Lighthouse

Lighthouse是一个Google开源的自动化工具，主要用于改进网络应用（移动端）的质量。目前测试项包括页面性能、PWA、可访问性（无障碍）、最佳实践、SEO。Lighthouse会对各个测试项的结果打分，并给出优化建议，这些打分标准和优化建议可以视为Google的网页最佳实践。

Lighthouse常用的最佳实践

• 打开外部链接使用rel="noopener"
• 避免长宽比不正确的图像
• 每个图像都有一个alt属性
• 配置HTML的Viewport meta标签
• 压缩图片（仅针对JPEG）
• 允许用户粘贴到密码字段中
• 避免DOM过大
• 页面应该给元素适当的角色role="navigation" role="main" role="contentinfo"等

💬Download

💬Lighthouse Scoring Guide