Lighthouse是谷歌开发的一款页面体验工具,最初是用来审核进步Web应用(PWA)的。该工具对可访问性、性能、搜索引擎优化、进步的Web应用程序和一系列最佳实践进行了五次审计。在新的核心网站的推动下,这些审计一起给你一个优秀的质量和性能的总览,你的手机网站,以及你的桌面网站,或网络应用程序。
网站速度是关于感知和用户体验的。如果你的网站仍然感觉很慢,那么数字上的速度就毫无意义了。世界各地的大量用户使用3G或更少的蹩脚移动连接。即使有快如闪电的5G连接,一个网站也会感觉迟钝和缓慢。我们都知道一个缓慢的网站会对你的转化率产生毁灭性的影响。只需节省几毫秒的加载站点的时间,就能带来巨大的不同。更不用说当一个缓慢加载的广告按下你只想点击的按钮时所发生的沮丧。
你可以直接在谷歌Chrome的开发工具中运行Lighthouse审计——或者安装Chrome扩展
在测试时,谷歌Lighthouse会模拟在一个电量稍低的设备上通过一个不稳定的3G连接访问您的移动站点。为了尽可能真实地模拟真实环境,数据包会丢失。这些见解与其他数据结合在一起。运行测试后,您将得到一个带有分数的报告,以及需要解决的问题的可操作建议。
洞察力vs.谷歌灯塔
PageSpeed Insights可能是最常用的网站速度分析工具。它会给你一个不错的分数和一个可能改进的列表,另外它还会让你对你的站点的加载速度有一个概念。此外,PageSpeed Insights还提供了建议,并确定了提高页面性能的机会。其中一些是很难实现的,所以获得100/100对大多数站点来说是一个白日梦。
PageSpeed Insights和Lighthouse过去是两种不同的工具。两者都提供了有价值的见解,但很难结合起来。随着Web Vitals的出现和页面体验的更新,谷歌全面改进了度量标准。它们不仅变得更容易理解,而且是共享的度量标准。当然,每个工具都是为特定的子任务制作的,并提供了特定的度量标准。这些度量标准来自不同的环境。
现场数据和实验室数据
Web Vitals引入了新的性能测定方法。这些度量标准中的一些可以在实验室环境中计算——可以说是模拟的,而其他的度量标准只有在实地测试和收集时才有意义。此外,一些度量标准在两种设置中都很有效。谷歌页面体验工具使用各种指标为您提供数据,您需要改善您的网站。
如果仔细观察,您会注意到一些度量标准只在像Developer tools和Lighthouse这样的实验室工具中有效。字段度量会出现在搜索控制台的Web Vitals报告和page peed Insights等工具中。像LCP、FID和CLS这样的核心Web核心将无处不在。
核心Web命脉
全新的核心Web Vitals将出现在所有谷歌工具,以衡量网站的速度,性能和体验-甚至在新的Web Vitals报告在搜索控制台。现在,您只需了解三个基本指标,就可以了解您的站点或特定页面的执行情况。这些核心网站是:
最大内容绘制:或者,加载viewport中看到的最大内容元素所需的时间。
FID,或第一次输入延迟:或浏览器对用户第一次触发的交互(例如,单击按钮)做出响应所需的时间
累积布局移位:或者,屏幕受移动的影响有多大——也就是说,屏幕上的东西会在屏幕上跳跃吗?
这些新的Web核心采用了更加实用的方法,并把用户体验放在最重要的位置。这些工具通过一个普通设备上的节流连接访问您的站点,这样它就可以模拟现实世界中真正的访问者可能经历的情况。不像传统的速度工具那样只是加载你的站点,这些Web生命力工具检查如何以及何时响应输入——以及在初始加载之后是否发生了事情。它会找到你的内容准备使用的确切时刻,所以当你感觉太慢的时候,你可以尝试优化它。此外,你还可以发现一些妨碍良好页面体验的恼人之处。
此外,请记住,Lighthouse不仅测量性能,还检查SEO、各种最佳实践和可访问性。这是一个完整的工具,可以帮助你改善你的网站整体。