200 毫秒听起来快吗? 与 Next Paint 的交互有助于提高您网站的响应能力
已发表: 2022-07-17
梅大吼一声出去了。 什么月份。 Google 核心更新、两个新的 Web Vitals 用户指标和WordPress 6.0!
5 月 25 日,谷歌宣布开始其基础广泛的核心更新。 2022 年 5 月的核心更新预计将持续两周。 人们在搜索结果页面上报告了变化。 您是否注意到您的 SERP 有任何变化?
WordPress 6.0 是 2022 年的第二个主要 WordPress 版本,也已推出。 WordPress 5.9 于 2022 年 1 月发布,为块编辑器引入了全站点编辑 (FSE)。 使用 WordPress 6.0。 重点再次放在块编辑器功能的扩展和改进上。 您客户的所有网站都更新到 WordPress 6.0 了吗?
到处更新! 发生了什么对我的网站很重要?
谷歌在 5 月的重大举措是在其 Web Vitals 指标中增加了首字节时间(TTFB) 和下一次绘画交互(INP)。 添加新指标是 Google 的说法,“将注意力集中在重要的事情上”。
您现在可以衡量响应能力。 你可以看到那些沙粒在哪里减慢了齿轮的速度。 这对您和您的客户网站组合非常有用。
这就是为什么特斯拉比汽油动力汽车更快的原因。 在内燃机中,通过与其他部件连接的所有部件和摩擦,您会失去速度。 更少的运动部件意味着能量流向车轮。
Core Web Vitals 正在成长! pagespeed.web.dev 刚刚升级,RUM 比率现在包括与下一次绘制的交互 (INP) 和第一个字节的时间 (TTFB)。 如果你问我,这两个都是很棒的选择! 在我看来,INP 是一种比第一个输入延迟更好的方法来衡量响应性,它可以很容易地被操纵。 第一个字节的时间应该总是更重要,因为它先于任何性能指标。 没有回应=没有油漆,没有互动等!。
阿尔杰·卡雷尔
什么是与 Next Paint (INP) 的交互,为什么它很重要?
除了 Google Core Web Vitals,Google 还在衡量越来越多的以用户为中心的响应指标,包括与下一次绘制的交互 (INP) 和第一个字节的时间 (TTFB)。 然而,在你重组你的团队之前,谷歌说:
这些字段指标目前是实验性的,但现在可供用户试用。 实验指标可能会改变或消失。
谷歌网站
与下一次绘制的交互(INP) 是一项新指标,旨在通过选择用户访问页面时最长的交互之一来表示页面的整体交互延迟。 对于具有许多交互的页面,INP 通常是交互延迟的第 98 个百分位。 对于少于 50 次交互的页面,INP 是延迟最差的交互。
有许多 UI 元素。 KeyDown 在按下某个键时发生。 KeyUp 在释放键时发生。 有 DragOver、Drop、OnFocus 等等。 每个交互都经过估算、处理,并将结果呈现给用户。
每个动作之间的时间是可测量的,点击和接收之间的时间间隔过长会增加糟糕的用户体验。
与 Next Paint 的交互 (INP) 测量我们网站交互的延迟。 这些交互的一些示例包括:
- 鼠标事件——例如单击按钮以更改服装物品的颜色。
- 用手指在触摸屏上激活的交互元素——也许是在地图上。
- 在移动设备或桌面设备上按一个键——显示问题的答案。
您的网站是否有很多互动? 您正在运行电子商务或电子学习平台吗? 既然你知道用户不想等待鼠标事件 INP 是非常令人兴奋的。

您现在可以看到哪些交互让您放慢了速度,或许还可以看到由于响应时间缓慢而导致您失去转化的地方。
您的电子商务网站由于延迟、性能不佳以及坦率地说,其技术对于当今客户的期望已经过时的托管 WordPress 主机而损失了多少钱?
火箭网
如何衡量 Google 与 Next Paint 指标的互动?
要衡量 Google 与 Next Paint 的互动,请前往 PageSpeed Insights 衡量页面的 INP。 记住。 您正在衡量该页面 - 而不是您的整个网站。
INP 类似于 Cumulative Layout Shift (CLS),因为测量值会随着用户停留在您的网页上而改变。 一旦用户离开页面,就会进行测量,从而创建一个整体 INP 值。 有些页面会比其他页面有更多的交互。 如果未选择操作,某些页面的交互可能不会发生。
仅仅因为您现在通过了生命体征并不意味着您将在下个月通过。 核心网络生命力是实验性的和变化的。 定期检查并保持好奇!
响应式网站不仅仅意味着 CSS 中的灵活块
测量与 Next Paint 的交互非常令人兴奋,因为我们现在可以测量我们的网站在用户手指下的响应程度。 还记得响应式网站意味着我们的菜单折叠成汉堡包吗?
重要的不仅仅是移动设备。 桌面视图同样重要——尤其是当我们谈论那些人们花时间浏览的网站时。
与 Next Paint 的交互意味着测量页面上的元素响应交互所需的时间。 现在我们可以看到如果用户选择另一种颜色,产品图像需要多长时间才能改变,或者答案需要多长时间才能出现在屏幕上。 这里的速度对于许多用户来说可能是一个淘汰赛。 记住——速度胜出。
缩短每个交互阶段之间的延迟使网站真正响应。 解决了速度问题后,您可以专注于真正重要的地方——改善您的代理客户的日常业务体验。
速度在网站上非常重要,因为您想吸引和留住潜在客户。 你想让他们告诉他们的朋友。 使人们无法留在您的网站并进行转换的原因是糟糕的网站体验。
火箭网
微交互是一个好的网站和一个伟大的网站之间的区别
节省交互延迟。 摆脱互动,你说?
微交互是让我们的用户感觉能够做某事的小东西。 这是一种不再是一个微不足道的、僵化的参与者的感觉,而是能够毫不费力地移动、说话或改变某事。 用户玩得很开心,事情没有变得复杂。 游戏化,对吧?
微交互对我们的在线体验产生了重大影响,所以不要为了节省清洗浴缸的时间而把婴儿和洗澡水一起扔掉。
越来越多的品牌正在寻求与客户建立联系。 虽然沟通渠道受到了很多关注,但利用可以为客户提供积极用户体验的微时刻同样重要。
可用性Geek.com
谈话很便宜。 让 Rocket 向您展示最快的 WordPress 托管的真正含义!
节省网站性能、您的代理机构的时间和金钱? 是的。 Rocket 平台具有内置功能,可消除您对其他付费版本的安全性、图像优化、CDN 和 JS 内容加载器插件的需求。 它们是您最喜欢的新平台(以前称为托管 WordPress 托管的产品)中内置的功能。
让我们谈谈我们如何将您的网站迁移到 Rocket.net,这是世界上最快的 WordPress 托管服务。 今天开始你的使命!
