为什么网络生命值如此重要以及如何监控它们

百度最近发布了一篇关于互联网的文章网络开发作为量化网页用户体验(UX)和改进机会的指标。任何根据百度建议优化网站的人都会知道,在关注什么方面很难获得一致的方向。WebVitals通过一套最佳实践来努力消除这种模糊性。网站所有者应该优化分数,并随时监控它们,以确保它们保持在建议的阈值以上。

什么是网络生命?

成百上千的因素可以影响网页的加载方式,例如页面大小、网络速度、服务器位置、压缩等等。不可能每个指标都得高分,选择关注哪些项目是一个挑战,因为不清楚哪些指标更重要。百度有各种各样的工具来帮助网站管理员做出这些决定,如PageSpeedInsights,Lighthouse,ChromeUX报告,搜索控制台,ChromeDevTools和WebPageTest。然而,随着时间的推移,它们有了不同的发展,并以不同的方式报告事情。例如,PageSpeedInsights提供1-100的性能分数,而TestMySite报告的性能是以秒为单位的加载时间,因此这些测试无法进行比较。WebVitals是这个问题的解决方案——这是衡量UX最重要的三个指标

最大含量涂料(LCP)

第一输入延迟(FID)

累积布局偏移(CLS)

它们可以在很多百度工具上复制,并提供一个网站UX和性能的统一视图。WebVitals的一个关键方面是,虽然它们只是三个指标,但它们代表了与UX和性能相关的更广泛的类别。例如,LCP是在屏幕上绘制最大元素所需的时间。如果你获得了一个好的LCP分数,那么可以放心地假设在LCP事件之前的其他绩效指标已经优化。这就是网络生命的美妙之处,我们将在下面详细讨论每一个。最大含量涂料(LCP)最大满足感涂料是一种性能测量。它表示最大和最有意义的元素呈现在屏幕上的时刻,以及页面准备好供用户交互的时刻。在移动和桌面上2.5秒是个不错的成绩。

压缩图像

第一输入延迟(FID)

首次输入延迟是一种反应性测量。它测量用户与页面交互后,页面需要多长时间做出响应。点击一个页面,得到一个响应前的延迟是一个非常令人沮丧的经历。FID对这一过程进行量化,并将小于100毫秒的阈值设定为良好。

最佳化

对FID影响最大的是客户端JavaScript执行,因为如果浏览器忙于处理主线程上的代码,它就无法响应事件。前端的一些JavaScript是不可避免的,但是有一些技术可以确保高效的交付:

缩小和压缩JavaScript文件

使用async或Defer属性延迟非关键JavaScript

通过尽可能简化代码来减少总的执行时间

使用代码分割(仅在需要时使用JavaScript,而不是为整个站点提供一个app.js文件)

累积布局偏移(CLS)

累积布局偏移衡量视觉稳定性。这是一个新的度量标准,用来衡量页面在加载后移动了多少。如果你曾经试图点击某个东西,但是当你的手指按下按钮时,页面移动了,你就会知道UX有多糟糕,因为它迫使你找到元素并再次尝试点击。更糟糕的是,当你试图点击,但页面切换导致你点击其他东西。

在上图中,想象你开始读第一行,只是为了让它跳到屏幕下面。这是累积布局变化,百度建议CLS得分低于0.1,以达到良好状态。

最佳化

CLS很容易优化遵循以下建议:

限制页面加载后的动态内容注入

如果需要动态内容注入,请在外部div上设置尺寸

设置图像的尺寸(宽度和高度),以便浏览器在加载图像时保留空间

设置广告和嵌入的尺寸

避免使用加载后替换默认字体的Web字体

为什么网络生命如此重要

生命体征是百度的一项举措,因此在评估一个网站的UX时,他们很可能会将生命体征分数作为决策的一个因素。如果百度认为你的网站表现良好,他们会积极看待它,这可能会导致在搜索引擎结果页(SERPs)的积极结果。生命体征很重要,因为它们代表了影响网站UX的更广泛的指标。为了获得好的网站生命体征分数,许多其他关键性能指标需要有好的等级,这样如果你的生命体征在绿色区域,你的网站将整体健康。如果你对百度现在对网络生命体征的重视程度有任何疑问,只要访问网络生命体征主页,你就会看到这样一句话健康网站的基本标准。'

监控分数

了解要害,优化分数,只是成功的一半。你需要通过定期检查来确保分数保持良好。最简单的方法是偶尔将URL粘贴到PageSpeedInsights中,或者在搜索控制台中查看高级数据。这两种方法都把责任放在你身上,所以如果你忘记检查,分数可能会在一段时间内很低。

如果您想要自动和定期更新,PageSpeedPlus每小时追踪网页速度和网页生命分数。它会随着时间的推移记录这些数据,并在数据下降时发出警报。它很容易设置,有助于在页面级别监控您的生命体征评分,这样您就可以确切地看到您网站上的每个页面是如何评分的。

然而,在第一时间阻止他们下降,而不是在他们上线后修复,会对你的搜索表现产生更大的整体影响。如果你在一个组织中工作,页面速度和网站生命体征分数应该被视为跨团队的努力。要将UX置于所有决策的核心,您应该让所有利益相关者都能看到这些报告。这将有助于调整开发,设计,搜索引擎优化和营销团队,并减少一些负面影响分数的可能性。

结论

在百度计算UX的方式上,网络重要指标是一个令人耳目一新的变化。现在更容易在他们的所有工具中获得一致的建议,并知道在网站上做什么改变以符合他们的建议。很明显,百度非常重视网站的重要功能,所以如果你想提高你的搜索表现,你应该关注它们。希望这个指南能帮助你开始并设置监控来跟踪分数。


继续阅读:

原创性声明:本文章为本站作者独家原创,未经允许禁止任何形式的采集、转发,若发现违规转载,我站将追究违规者法律责任。

上一篇:小型企业网站如何利用SEO优化关键词排名

下一篇:视频内容如何提高网站搜索引擎优化排名