「知识」Lighthouse插件在SEO中的应用

好久没有写文章了，最近一直忙SEO项目，最近刚上线。现在SEO也是越来越难做了，需要注意到很多细节的优化。今天主要给各位同学讲解一个插件，虽然里面有一些，我们目前用不到的功能，但是，里面有些内容还是值得我们SEO去学习思考的。

— — 及时当勉励，岁月不待人。

Lighthouse插件

时本文总计约 490 个字左右，需要花 3 分钟以上仔细阅读。

Lighthouse 是一个开源的自动化工具，用于改进网络应用的质量。 我们可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。 您为 Lighthouse 提供一个您要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。

注：Lighthouse 目前非常关注 Progressive Web App 功能，如“添加到主屏幕”和离线支持。不过，此项目的首要目标是针对网络应用质量的各个方面提供端到端审查。

运行 Lighthouse 的方式最常用的是：作为 Chrome 扩展程序运行，或作为命令行工具运行。 Chrome 扩展程序提供了一个对用户更友好的界面，方便读取报告。 还有一种方式是：命令行工具允许您将 Lighthouse 集成到持续集成系统。今天，在这只讲解前一种方式。

Chrome 扩展程序

下载 Google Chrome 52 或更高版本。

安装 Lighthouse Chrome 扩展程序安装链接（https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk）。

安装好后，如下图样式：

如果仅仅是想查子集的话，可以点击左下角的“Options”按钮，进行筛选；

一切就绪后，直接点击右下角的“Generate report”按钮以针对当前打开的页面运行 Lighthouse 测试。

在完成审查后，Lighthouse 将打开一个新标签，并在页面的结果上显示一个报告。如下图：

在这个测试报告中，我们主要关注这三点即可（当然其他几点也是可以仔细琢磨下）：性能、无障碍（可访问性）、SEO

下面就直接来看看相关分析数据吧：