SEO工具:Lighthouse基础优化介绍2021
今天SEO禅要给大家分享的是谷歌的开源SEO工具: ,说是SEO工具也不是很准确,它其实是一款前端性能分析工具,有两种使用方式,一种是Chrome插件形式,另一种是命令行形式,本文主要是建立在插件形式上来介绍的,如果想要体验命令行的朋友,就自己到官网看看介绍吧。
先上一张 的审计报表截图(国外网络测试):
可以看到表现分才86,在一个月前没记错的话应该是93,有一个不达标项
Speed Index
达到了10秒,这个问题主要是使用Lighthouse测试的网络在国外,
www.seozen.top
服务器在国内,而且服务器带宽比较低导致,我用国内网络和国外网络做了速度测试,下面是本地测试的结果:
开始觉得是
Apache
服务器没有优化好,其实不是,这个问题也很好解决,要么换好的服务器,更大的带宽,要么加CDN,加CDN是一种更好的解决办法,但是现在暂时没有必要,因为访问量不是很大,而且谷歌收录基本就是当天,百度最近没有管他,因为不是SEO禅网站的问题导致收录不理想,所以这时候还是“敌不动,我不动”为好,下面就用Lighthouse来优化下SEO禅网站。
访问 ,安装Chrome插件,安装完成后能看到右上角有一个小灯塔的图标,转到你想要审查的网页,点击图标,之后点击右上角的 设置 图标,根据自己需要勾选设置:
四大指标
作为SEOer,使用Lighthouse进行 网站性能分析 ,主要查看的就是前四个指标:Performance,Accessibility,Best Practice,SEO,后面还有一个在国内基本用不到,其中Performance主要讲的是网站的性能表现,比如说打开速度,可交互时间点,JS代码阻塞时长等。
SEO优化示例往下拉查看报表,可以看到有一项提示红色:
意思是说没有合适的缓存策略,这里SEO禅就添加一个Http
Cache-control
的缓存策略,将下面的代码插入网站根目录的
.htaccess
文件内:
重新启动下
apache
服务器,再重新审查一次看看:
Lighthouse这篇先介绍到这里,具体的使用可以自己先研究,SEO禅也会继续写文章介绍,工具是用来发现问题的,解决问题还是需要自己动手。
相关文章
Dev Tools 在网站优化中的应用:减少TTFB响应时间
如果还不知道什么是 Dev Tools 的朋友,可以看看SEO禅之前写的文章《 》,这篇文章是Dev Tools 在SEO优化中的实际应用,当然Developer Tools是...
Developer Tools在SEO中的运用: Network介绍篇
如果是做前端开发的朋友,对 Developer Tools 一定不陌生,在我学习前端开发的时候,基本上都是用谷歌浏览器进行开发调试,因为Google浏览器集成了非常好用的Develo...
SEO工具:Webpagetest网站SEO优化2021
SEO禅最开始的时候是做前端开发,所以收藏了比较多的 ,今天再跟大家分享一款前端网站测试工具在SEO优化中的应用,今天要介绍的是 ,这款工具是免费的,主要功能有测试网站打开速度,还有安...
利用谷歌Search Console分析SEO优化方法
谷歌Google Search Console对于做谷歌SEO优化的人来说应该是再熟悉不过,自从新版上线之后,增加了一个非常有用的功能 Crawl Stats 中文解释为“爬虫统计”...