网站速度优化-SEO Lighthouse工具,为你指点迷津!

作者:码迷 阅读:333 点赞:68

网站速度优化-SEO Lighthouse工具,为你指点迷津!/

网站的加载速度,除了直接对网站用户体验有很大的影响,对于SEO也会有影响。网页的加载速度是Google作为搜索排序的一个指针,换句话说,网页的加载速度快慢,会影响到我们的网站排名。正因为网站速度的优化如此的重要,我们更不该忽视网站速度的优化。

说到网站速度的测试与优化,很多人首先会想到的是Google所提供的网页测速工具(Page Speed Insights),但常在使用的人,就会注意到网页测速工具在最近一次的更新后,集成了新的数据进去,也就是我们本次文章的主角-灯塔工具(Lighthouse)的分析数据,灯塔工具的重要性可见一斑。

看到这边,你可能会在想,究竟灯塔工具有多么厉害,会让Google认为它重要到应该集成进自己的工具当中?

今天就要来跟大家分享,连Google都不敢忽视的强大灯塔工具!

  • 灯塔工具(Lighthouse)是什么?有什么用途?要如何使用?

灯塔工具(Lighthouse)是Google Chrome的扩充应用程序,是一个网络开发者(Web developer)工具,它的主要功能是针对网页的性能(包含网页加载速度)做分析,并产生分析报表,报表上会有该页面各项数据、指针的表现,以及如何优化改善的建议。

对于要如何安装灯塔工具,或是有任何使用上的疑问,您可以参考Google的这篇文章:。

简单来说,只要安装Chrome浏览器后,点击链接,就可以进到安装的页面。安装完后您就可以在浏览器的右上方看到,灯塔工具的图标(一个小灯塔)。​

接着只要打开我们想要分析的网页,然后点击那个图标,并按下Generate Report,工具就会开始进行网页的分析,并于分析完后,会跳出一个呈现分析报表的窗口,如下图:

084423196.jpg

  • 如何解读报表,并根据分析结果的指针(数据)与建议改善网站速度与用户体验?

当产生完分析报表后,接下来我们要来解读这份报表,并针对报表中网站的缺点,进行优化。

首先在解读报表上,在最上方可以看到五个综合评分指针,显示该网页在各个层面的分数表现,而下方后续的报表内容,则主要是针对各个指针做细部哦明,并提供改善的方向和建议。

而我们今天以网站速度优化为主,所以会优先来看与加载速度有关的表现(Performance)

084423604.jpg

从上图,我们可以看到它展示了网站加载速度的各项指针表现。

而接着如下图的Opportunities和Diagnostics区块,则是针对如何优化提出建议方向和说明,以及显示改善后预估能够减少多少的加载时间。

例如第三点有提到可以使用合适的图片大小,并预估能降低4.69秒的加载时间。进一步点开,就会显示详细的信息,像是有哪些图片大小是可以缩减的。

084424956.jpg

其实从上图的分析当中,可以看到仍有许多可以优化的地方,能去改善网站的速度。

那接下来在那么多的优化项目中,可以先针对能带来较大改善,或操作起来较简单的项目先运行,慢慢按部就班的改善网站速度,让用户有更好体验。

 

另外,如果看英文的描述较不清楚的话,正如前面所述,Google已经将灯塔工具的上述性能、表现(Performance)的区块,集成进它的当中,测速工具有提供中文的接口,所以能够协助我们掌握Lighthouse数据。要使用测速工具,只要点击上面的链接,在搜索字段输入要分析的网站,就可以看到分析报告了。

084424258.jpg

如果想更了解Gooogle 网页测速工具(Page Speed Insights),您可以参考这篇文章:【SEO最新情报】Google Page Speed测速工具大改版

 

最后,随着Google将Lighthouse纳入它的工具当中,我们可以推测Google对于Lighthouse中显示的指针特别重视,所以了解Lighthouse,并针对它建议的方向进行优化,改善网站的速度,才能让网站更受Google和用户喜爱,同时带动我们的排名蒸蒸日上。

参考数据:

 

 

本文网址: https://www.mamioo.com/seo-tool/nv257226w794

本站内容均为「码迷SEO」原创整理,未经授权严禁采集转载,违者必究。