你想知道谷歌的INP分数是多少吗,以及如何在你的WordPress网站上提高它? Interaction to Next Paint(INP)是Google的一项核心网络生命指标。提高这个分数会让你的网站对你的用户反应更快。 在本文中,我们将向您展示如何在WordPress中提高您的Google INP分数,并解释Google的INP分数是什么。 以下是我们将在本指南中介绍的主题的快速概述: 什么是Google Core Web Vitals?什么是Google INP?为什么Google要将FID指标更改为INP?如何在WordPress中衡量Google INP分数如何在WordPress中提高Google INP分数网站所有者如何为INP优化他们的网站开发人员可以为INP优化他们的代码开发人员良好的Java编码实践示例 该工具将分析网页几秒钟,然后向您显示测试结果。 注:你也可以使用DebugBear的免费网站速度测试或站点速度Chrome扩展来查看核心Web Vitals,这是一些开发人员的首选。 现在,与其他Google Core Web Vitals一起,您还将看到页面的交互到下一个绘制(INP)分数。 移动用户和桌面用户的得分将有所不同。 在上面的截图中,你可以看到桌面用户在塔克网上查看这个网页的INP得分是47ms。绿点表示这是一个好成绩。 一旦你可以看到自己网站的得分,你可能会想知道它与其他网站相比如何,是否需要改进。 谷歌提供了一些解释你的INP分数的指导原则: 速度超过200毫秒-良好的响应性 200-500毫秒-需要改进 速度低于500毫秒-响应速度较差 一定要检查移动和桌面用户的评分,并以良好的响应性为目标。 然后,你可以通过遵循下面几节中的指导方针来提高你的INP分数。 案例研究:在AweseMotive的网站上发现缓慢的互动 但首先,看看案例研究可能会有所帮助。我们已经开始在我们的品牌网站上衡量INP得分,包括All in One SEO、MonsterInsights和WPForms。 当我们的团队检查我们网站的INP分数时,初步结果显示,我们最受欢迎的页面需要改进。 使用Chrome用户体验(CRUX)控制面板,我们可以看到: 我们80%的课程被评为“良好” 我们的课程中有12%被评为“需求改善” 我们有8%的课程被评为“差” 现在,我们还不知道我们页面上的哪些特定交互很慢,需要优化。这些信息不是由谷歌在测试期间提供的。 这意味着下一步,我们将需要运行自己的测试,以在INP分数较低的页面上找到缓慢的交互。这是一项详细且高级的任务,最好由开发人员执行。 这是通过转到每个需要改进的页面,然后用实际的点击、点击和按键来测试每个交互。需要使用工具对这些进行计时和评估。 Chrome开发者博客列出了许多可用于测试的工具,例如Chrome Web Vitals扩展和DevTools中灯塔面板中的新TimeSpan模式。您还可以查看Google关于如何使用Web Vitals扩展进行调试的文章。 值得注意的是,收视率较低的会话很可能是在较慢的设备或连接上进行的。这意味着,在测试时,建议您降低浏览器的速度,否则您可能看不到缓慢的交互。 您可以使用Chrome的检查元素功能通过转到查看?开发人员?检查元素。您可以切换到“Network”选项卡,然后从下拉菜单中选择一个节流选项。 一旦找到页面的INP分数,您就可以使用本教程下一节中的提示来改进它们。 例如,您可能会看到消除渲染阻塞资源的建议。你可以按照我们关于如何在WordPress中修复呈现阻塞的JavaScript和CSS的指南来做到这一点。 您可能还会看到一条减少未使用的JavaScript的建议。你会在许多最好的WordPress缓存插件中找到这样做的设置,比如WP Rocket。 4.缩小WordPress中的JavaScript […]

