首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >「知识」Lighthouse插件在SEO中的应用

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

作者头像
黄伟SEO
发布2018-05-17 11:23:49
9530
发布2018-05-17 11:23:49
举报
文章被收录于专栏:SEOSEO

谁都有梦想,但要立足现实,在拼搏中靠近,在忍耐中坚持,别挂在嘴边,常立志者无志。明天没有到来之前,谁也说不准是否还有明天。只有当下,是人生最可靠的拥有。无论多大的志向,都要从当下开始。珍惜当下的生活,是贫是富都流淌着自己的血汗。奋斗在当下,就是幸福。

好久没有写文章了,最近一直忙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

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

(点击图片查看大图)

(点击图片查看大图)

您的关注与分享就是我最大的动力

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-01-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 SEO答疑学堂 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
命令行工具
腾讯云命令行工具 TCCLI 是管理腾讯云资源的统一工具。使用腾讯云命令行工具,您可以快速调用腾讯云 API 来管理您的腾讯云资源。此外,您还可以基于腾讯云的命令行工具来做自动化和脚本处理,以更多样的方式进行组合和重用。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档