前端性能优化工具 - 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

你可能感兴趣的:(前端性能优化,前端性能优化,javascript)