Discuz! Board

標題: 于衡量在布局偏移发生次数最高的情况下页面的视觉稳 [打印本頁]

作者: mdarafathossain 時間: 2024-1-18 19:01
標題: 于衡量在布局偏移发生次数最高的情况下页面的视觉稳
还有更多，但三个关键指标至关重要：最大内容绘制 (LCP)，它通过分析页面负载来衡量加载性能。第一输入延迟 (FID) 通过第一输入延迟测量交互性。累积布局偏移 (CLS)，用定性。 Google 认为每个指标的最佳值如下图所示。资料来源就在进入下一部分之前，我认为在这里解释所有这些指标的“绘画”会很有趣。有趣的事实！ “绘画”并不是指字面上的绘画，而是指在页面上渲染视觉元素的过程。在 LCP 或 INP 上下文中，“绘制”的更准确翻译是“渲染”或“绘制”页面上的视觉元素。替换：INP 加入，FID 离开为了解释这一变化的原因，没有比向 Google Chrome 团队提供发言权更公平的行动了。

“虽然 FID 确实改进了我们衡量响应能力的方式，但它也并非没有局限性。这个名字本身实际上就暴露了两个这样的限制：“首次输入”和“延迟”。 FID 仅报告用户第一次与页面交互时电报号码数据的响应能力尽管第一印象很重要但第一次交互不一定代表页面整个生命周期中的所有交互。此外，FID 仅测量第一次交互的输入延迟部分，即浏览器在开始处理交互之前必须等待的时间（由于主线程繁忙）。” Rick Viscomi，Google DevRel 工程师您了解这里的进展吗？如果今天可以通过 FID 判断您的网站在用户体验方面非常出色，那么明天通过 INP 判断您的网站将会更加准确。

不是吗？现在，谷歌将迫使我们始终确保良好的互动，这太棒了！那么，现在让我们了解在 2024 年 3 月之前优化您的网站需要什么。针对 INP 进行优化！根据 Google 的说法，以下是针对 INP 优化网站的最佳实践：查找测试环境中的缓慢交互诊断测试环境中的缓慢交互识别并减少输入延迟优化事件回调最小化呈现延迟对于其中每一项优化，Google您已经撰写了文章来帮助您优化网站。您可以在 Google Chrome 开发者博客上找到此汇编。如果你不知道毕竟，我们正在将测量扩展到所有交互。很公平，

歡迎光臨 Discuz! Board (http://wap.ggyy.tw/)