好久没有写文章了,最近一直忙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
下面就直接来看看相关分析数据吧:
共有 0 条评论